XF 1.2 problem styling

[aiman.h.kallaf]

i even used a very huge number to show that the affect are not taken place
the font size and the line height are not taken affect

 

[Jeremy]

Line height as a percentage is relative to the font size:
http://stackoverflow.com/questions/6071987/line-height-as-a-percentage-not-working

You should specify it specifically as pixels.

Are you using a custom style? Or just a modified default?

 

[aiman.h.kallaf]

i'm using the default , and using this same code it was working before upgrading

 

[Jeremy]

Can you provide a link?

 

[aiman.h.kallaf]

http://english4me.net/Forum/index.php?threads/20386/#post-21112

 

[Jeremy]

What exactly are you trying to change? Increase the font size for the message user info?

 

[aiman.h.kallaf]

I'm trying to increase the font and the distance between lines
Joined:
Jul 20, 2013
Messages:
82
Likes Received:
19
Trophy Points:
40
Occupation:
Student
Location:
Algeria

 

[Jeremy]

.extraUserInfo dl {
font-size: 20px;
line-height: 30px;
}

Add into EXTRA.css and adjust accordingly.

 

[aiman.h.kallaf]

still not working , can you try it on your localhost or forum to check if it work or not
it could be a bug

 

[Jeremy]

Sorry, I've adjusted my post accordingly since I misread which element I modified. If it doesn't change, add !important after the numbers.

 

[aiman.h.kallaf]

still nothing , only font type is taking affect

 

[Jeremy]

Where are you placing that code?

 

[aiman.h.kallaf]

 

[Jeremy]

Can you post the full EXTRA.css template?

 

[aiman.h.kallaf]

.extraUserInfo {
font-size: 20px !important ;
line-height: 30px !important ;
}



.female .messageUserBlock h3.userText{background: url(styles/default/xenforo/gender/female.png) 97% center no-repeat;}
.female .messageUserBlock{background-color:#FFBFED!important;border:1px solid #FF8FE0!important;}
.female .messageUserBlock div.avatarHolder{background-color:#FFDFF6!important;}
.female .messageUserBlock div.avatarHolder .avatar .img{border:1px solid #FFBFED!important;}
.female .messageUserBlock .extraUserInfo{background-color:#FFDFF6!important;}
.female .messageUserBlock .arrow{border-color:transparent -moz-use-text-color transparent #FF8FE0!important;}
.female .messageUserBlock .arrow span{border-color:transparent -moz-use-text-color transparent #FFDFF6!important;}
.male .messageUserBlock h3.userText{background: url(styles/default/xenforo/gender/male.png) 97% center no-repeat;}
.male .messageUserBlock{background-color:#AFE4FF!important;border:1px solid #7FD5FF!important;}
.male .messageUserBlock div.avatarHolder{background-color:#DFF4FF!important;}
.male .messageUserBlock div.avatarHolder .avatar .img{border:1px solid #AFE4FF!important;}
.male .messageUserBlock .extraUserInfo{background-color:#DFF4FF!important;}
.male .messageUserBlock .arrow{border-color:transparent -moz-use-text-color transparent #7FD5FF!important;}
.male .messageUserBlock .arrow span{border-color:transparent -moz-use-text-color transparent #DFF4FF!important;}

 

[Jeremy]

Recopy my code, I updated it with a new selector.

 

[aiman.h.kallaf]

the line height is working but not the size

.extraUserInfo dl {
font-size: 200px;
line-height: 30px;
}

 

[Jeremy]

Use !important after the number and it should work.

 

[aiman.h.kallaf]

thank you , it worked
changing these in 1.1 was easier

 

[Shelley]

thank you , it worked
changing these in 1.1 was easier

Following will work also if you don't fancy using !important

.message .messageUserBlock .extraUserInfo dl {
font-size: 20px;
line-height: 30px; }