MyBB Community Forums

How can I get the forum status icons to be bigger? Whenever I try to make the px bigger for the font awesome icon, it cuts halfway through

How they look now:
https://i.gyazo.com/a76861cf3991c06ff20d...92acac.png


After increasing size:
https://i.gyazo.com/95571dfcdc1631a01b46...8dc671.png

Not sure which templates will be needed to tackle the fix, but let me know  and I will add it

(2019-07-08, 03:46 AM)makpaolo Wrote: [ -> ]How can I get the forum status icons to be bigger? Whenever I try to make the px bigger for the font awesome icon, it cuts halfway through

How they look now:
https://i.gyazo.com/a76861cf3991c06ff20d...92acac.png


After increasing size:
https://i.gyazo.com/95571dfcdc1631a01b46...8dc671.png

Not sure which templates will be needed to tackle the fix, but let me know  and I will add it

Looks like the TROW1 needs to be fixed.

(2019-07-08, 09:29 AM)Serpius Wrote: [ -> ]

(2019-07-08, 03:46 AM)makpaolo Wrote: [ -> ]How can I get the forum status icons to be bigger? Whenever I try to make the px bigger for the font awesome icon, it cuts halfway through

How they look now:
https://i.gyazo.com/a76861cf3991c06ff20d...92acac.png


After increasing size:
https://i.gyazo.com/95571dfcdc1631a01b46...8dc671.png

Not sure which templates will be needed to tackle the fix, but let me know  and I will add it

Looks like the TROW1 needs to be fixed.

Thanks serpius

This is my trow 1:

.trow1 {
color: #878385;
padding: 10px;
text-shadow: none;
border-top: 1px solid rgba(255, 255, 255, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

thread_status.css:

.thread_status {
	display: inline-block;
  	width: 14px;
	height: 14px;	
}

.thread_status.dot_folder {
    position:relative;
}

.thread_status.dot_folder:before {
	color: #353535;
	content: "\f114";
	font-family: FontAwesome;
	font-size: 13px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 5px;		
	
}

.thread_status.dot_hotfolder {
    position:relative;
}

.thread_status.dot_hotfolder:before {
	color: #353535;
	content: "\f06d";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.dot_hotclosefolder {
    position:relative;
}

.thread_status.dot_hotclosefolder:before {
	color: #353535;
	content: "\f023";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;
	
}

.thread_status.dot_closefolder {
    position:relative;
}

.thread_status.dot_closefolder:before {
	color: #353535;
	content: "\f023";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.dot_newfolder {
    position:relative;
}

.thread_status.dot_newfolder:before {
	content: "\f14a";
	color: #19485a;
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.dot_newhotfolder {
    position:relative;
}

.thread_status.dot_newhotfolder:before {
	color: #19485a;
	content: "\f06d";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.dot_newhotclosefolder {
    position:relative;
}

.thread_status.dot_newhotclosefolder:before {
	content: "\f06d";
	color: #19485a;
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.dot_newclosefolder {
    position:relative;
}

.thread_status.dot_newclosefolder:before {
	color: #19485a;
	content: "\f023";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.folder {
    position:relative;
}

.thread_status.folder:before {
	color: #353535;
	content: "\f115";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;		
}

.thread_status.hotfolder {
    position:relative;
}

.thread_status.hotfolder:before {
	color: #353535;
	content: "\f06d";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.hotclosefolder {
    position:relative;
}

.thread_status.hotclosefolder:before {
	color: #353535;
	content: "\f004";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;		
}

.thread_status.closefolder {
    position:relative;
}

.thread_status.closefolder:before {
	color: #353535;
	content: "\f023";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.movefolder {
    position:relative;
}

.thread_status.movefolder:before {
	color: #353535;
	content: "\f079";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.newfolder {
    position:relative;
}

.thread_status.newfolder:before {
	color: #19485a;
	content: "\f07c";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}

.thread_status.newhotfolder {
    position:relative;
}

.thread_status.newhotfolder:before {
	color: #19485a;
	content: "\f06d";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;		
}

.thread_status.newhotclosefolder {
    position:relative;
}

.thread_status.newhotclosefolder:before {
	color: #353535;
	content: "\f023";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;		
}

.thread_status.newclosefolder {
    position:relative;
}

.thread_status.newclosefolder:before {
	color: #353535;
	content: "\f023";
	font-family: FontAwesome;
	font-size: 13px;
    padding: 3px 5px;	
}
		
		
		
		
		
		

What do you suggest changing/adding?

Thanks again!

Replace this bit.

.thread_status {
	display: inline-block;
  	width: 40px;
	height: 40px;	
}