Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   [SOLVED] How to add space between list items in post body? (http://forum.bytesforall.com/showthread.php?t=1513)

Alexi May 2, 2009 07:13 AM

[SOLVED] How to add space between list items in post body?
 
Hi Flynn,

Stumped. I wish to add a bit of space between list items in the post body. The list items have no separation and need .5 em or .25em between each for readability. (see http://www.beautyprpro.com)

What would I add to 'style.css' or an Atahualpa 332 CP to accomplish that?

I suspect it is "div.post-bodycopy" or "div.post-bodycopy p" but not sure what CSS to add. I tried adding margin-bottom to no success.

Thanks for any help.

Alexander Irving (alexi)

See my own reply next

Alexi May 2, 2009 07:37 AM

Flynn,

Never mind. I figured it out. Here is the solution I found. I leave it here as my own reply in case others are searching for the same answer.

In style.css I added the lines below in red.

div.post-bodycopy p {
margin: 1em 0;
padding: 0;
display: block;
/* The rule below would create hor. scrollbars in Firefox,
which would be better than overflowing long strings, but the
downside is that text won't float around images anymore.
Uncomment this if you don't float images anyway */
/* overflow: auto; */
}

/* Alex Added 5/2/09 */
div.post-bodycopy li {
padding-bottom: 1em;
}
/* Alex Added 5/2/09 - End */

fromtheranks Jun 25, 2009 06:02 PM

Alexi,

Here's a thread link to some additional options for adding space between list items in the body: http://forum.bytesforall.com/showthr...=9172#post9172.


All times are GMT -6. The time now is 01:54 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.