CSS for unordered list is effecting display of nav menu items

[cerchris 0]

page example - http://theresaevans.co.nz/?page_id=25

I am having trouble styling the unordered list in the page content with CSS, when I set the left margin to bring the list in from the left edge, it started effecting the display of the nav bar list items, pushing them further apart and sending some nav page links down to a second line. I would really appreciate soem sugestions on how I can work the CSS to style the list without effecting the list items in the navbar menu.

[Danny+ 1,327]

Hi,

You could do this, wrap some divs around your unordered list and give it a class, see below.

<div class="listy">


Your ul list code here


</div>

[/code]




The use the following CSS:



[code]


.listy ul {

list-style-type: disc;

padding-left: 15px;

}


ul li {

padding: 0;

margin: 0;

}

This should resolve your issue.

[cerchris 0]

Thanks for the tip - unfortunately it is not working?

Is the html correct?:

<strong>Listen to your story</strong>

<div class="listy">

<ul>

<li>Have the opportunity to speak honestly and openly about your situation</li>

<li>Receive practical and spiritual guidance to help you develop insight on a personal and professional level</li>

</ul>

</div>

[Danny+ 1,327]

Hi,

I have visited your website again and I am not able to see any issue, can you provide a screenshot please, of how you would like it to look and what the issue is.