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]

Originally Posted by John Lester

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]

Originally Posted by GRE

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 ---------------

Originally Posted by 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

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]

Originally Posted by John Lester

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?