increase line-height

[bijax]

Hello
I want to change line-height style for my forum but I couldn't find any style with this name.
by using firebug I could understand It is already set to 1.23 em in body style but I don't know how can I change it .
Thank you.

[nima6]

I'd be interested in this too.

[John Lester]

Add the following code to additional.css (adjust line-height as desired)

ACP -> Styles & templates -> style manager -> your style here -> edit templates -> CSS templates -> addtional.css



/* custom line-height */
body {
color: #3E3E3E;
font-size: 13px;
line-height: 1.23 !important;
margin: 0 35px;
min-width: 650px;
width: auto;


}

[nima6]

Add the following code to additional.css (adjust line-height as desired)


/* custom line-height */
body {
color: #3E3E3E;
font-size: 13px;
line-height: 1.23 !important;
margin: 0 35px;
min-width: 650px;
width: auto;


}

Thanks. Where do i find the additional.css file? Through the admin panel or FTP?

[John Lester]

I edited my first reply to so where in the ACP to go ;)

[CAG CheechDogg]

Styles & Templates - Search in templates

[GRE]

It doesn't apply to articles though. Why?

[Chadi]

I'd like to apply this mainly to the forum posts. The code doesn't work on the forum posts (paragraphs). How can I do so?

Thanks

[John Lester]

It doesn't apply to articles though. Why?

Because cms articles use different css. Put this in your additional.css file (see my first post for location) and adjust line-height as desired.

ACP -> Styles & templates -> style manager -> your style here -> edit templates -> CSS templates -> addtional.css



.cms_article_txt_content {
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
color: #3E3E3E;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 13px;
line-height: 1.23 !important;
margin-bottom: 5px;
}
--------------- Added 03 Nov 2012 at 12:21 ---------------

I'd like to apply this mainly to the forum posts. The code doesn't work on the forum posts (paragraphs). How can I do so?

Thanks

You need different code, add the following to additional.css template (see my first post for location) and adjust line-height as desired.

ACP -> Styles & templates -> style manager -> your style here -> edit templates -> CSS templates -> addtional.css




.postbit .postrow {
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
font-family: Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif;
font-size: 13px;
line-height: 1.23 !important;
}

[Bat21]

Because cms articles use different css. Put this in your additional.css file (see my first post for location) and adjust line-height as desired.

ACP -> Styles & templates -> style manager -> your style here -> edit templates -> CSS templates -> addtional.css



.cms_article_txt_content {
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
color: #3E3E3E;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 13px;
line-height: 1.23 !important;
margin-bottom: 5px;
}

This seems to change the row spacing in the Article Preview, but not when actually viewing the article.

Is there any way to make this change the spacing when viewing the article?

[Bat21]

Anyone any ideas on this one?

[John Lester]

I don't have a test site up anymore, and my live site doesn't use articles. I'm unable to figure out why the previous code wouldn't work for you. It worked fine for articles (not previews) at the time I posted it.