Jump to content


Photo
- - - - -

CSS for unordered list is effecting display of nav menu items

css unordered lists nav menu

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 cerchris

cerchris

    Advanced Member

  • Members
  • 58 posts

Posted 26 September 2012 - 04:06 AM

page example -

Please Login or Register to see this Hidden Content


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.

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16982 posts

Posted 26 September 2012 - 07:19 AM

Hi,

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

Please Login or Register to see this Hidden Content


The use the following CSS:

Please Login or Register to see this Hidden Content


This should resolve your issue.

#3 cerchris

cerchris

    Advanced Member

  • Members
  • 58 posts

Posted 28 September 2012 - 05:30 AM

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>

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16982 posts

Posted 28 September 2012 - 09:59 AM

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.