vb.org Archive - How to increase distance between lines in the post text

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - How to increase distance between lines in the post text (https://vborg.vbsupport.ru/showthread.php?t=324963)

elsa23

04-23-2017 10:59 AM

How to increase distance between lines in the post text

1 Attachment(s)

Hi, Im using 4.2.3
Can someone help me to increase distance between lines in the post text please. Thanks

Dave	04-23-2017 12:30 PM

Add the following to the additional.css template:

HTML Code:

.postcontent{

   line-height: 20px;

}

You can adjust 20px to your needs.

elsa23

04-23-2017 01:13 PM

Thanks, Can we separately choose the height of empty line ?

Dave	04-23-2017 01:20 PM

It is possible but it may not be compatible with all browser and I don't know whether it will mess up any of your styling in posts.

HTML Code:

.postcontent br{

   display: block;

   content: "";

   margin-top: 5px;

}

elsa23

04-23-2017 03:39 PM

1 Attachment(s)

Quote:

Originally Posted by Dave (Post 2585737)

Add the following to the additional.css template:

HTML Code:

.postcontent{

   line-height: 20px;

}

You can adjust 20px to your needs.

I tried for "line-height" but with normal size in post, it's ok, when i increase the size in post, the line-height decreases

elsa23

04-23-2017 03:42 PM

1 Attachment(s)

Quote:

Originally Posted by Dave (Post 2585740)

It is possible but it may not be compatible with all browser and I don't know whether it will mess up any of your styling in posts.

HTML Code:

.postcontent br{

   display: block;

   content: "";

   margin-top: 5px;

}

Now, with this add, I had this result

MarkFL

04-23-2017 03:45 PM

Try Using units of "em" instead of "px" for the "margin-top" attribute. For example:

HTML Code:

margin-top: 0.5em;

elsa23

04-23-2017 03:51 PM

1 Attachment(s)

Quote:

Originally Posted by MarkFL (Post 2585747)

Try Using units of "em" instead of "px" for the "margin-top" attribute. For example:

HTML Code:

margin-top: 0.5em;

Result for :

dsf dsg f
df gdf gdfg
df gdf gdg

dsf dsg f
df gdf gdfg
df gdf gdg

I used:

Code:

.postcontent{

   line-height: 20px;

}



.postcontent br{

   display: block;

   content: "";

   margin-top: 0.5em;

}

MarkFL

04-23-2017 04:01 PM

Try using only the selector:

HTML Code:

.postcontent, .postcontent font {

        line-height: 1.5em;

}

Adjust the number "1.5" to your liking. :)

elsa23

04-23-2017 07:06 PM

Quote:

Originally Posted by MarkFL (Post 2585750)

Try using only the selector:

HTML Code:

.postcontent, .postcontent font {

        line-height: 1.5em;

}

Adjust the number "1.5" to your liking. :)

thank you :up::up:

All times are GMT. The time now is 09:17 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01361 seconds Memory Usage 1,733KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (8)bbcode_html_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: