[SOLVED] How to add space between bullets on a Page page

bda · #1 Mar 7, 2011, 09:39 AM

I've tried a few things in CSS Insert option but nothing works. Am a newbie creating my first site.
See www.nekhabitat.org About Us page for an example - need more white space between those bullets. Thanks for any help.

lmilesw · #2 Mar 7, 2011, 06:05 PM

To put more space after all list items add the following to ATO>Add HTML/CSS Inserts>CSS Inserts and adjust accordingly

HTML Code:

li {
    margin-bottom: 10px;
}

juggledad · #3 Mar 7, 2011, 06:35 PM

Edit your post and using the HTML editor, find your list - it begis as

HTML Code:

<ul>

and change it to

HTML Code:

<ul class="hfh_post_list">

then add this to the CSS Inserts

HTML Code:

.hfh_post_list li {padding-top:10px;}

you can play with the number to make it what you want.

bda · #4 Mar 8, 2011, 02:24 PM

Thanks. Worked like a charm. In the future, if I want to find out what the class is - is there some magic way of doing that?

This forum is a wonderful resource.