How to indent a list without affecting the main nav?

  • Resolved bonnieg77

    (@bonnieg77)


    6 years, 3 months ago

    I want my unordered lists to have the second line of text flush with the superior line (css code “inside”) but when I use the below code in the custom CSS space the padding specified changes the main navigation drop down menus to be indented- the dropdown itself, the text within, AND the background color. If I remove the padding code ( padding: 0px 0 0px 20px;) it removes all padding from the main navigation and looks even worse. If I remove both the padding and the tex-indent code, the text indent is also removed from the bulleted lists even though style is specified as inside. How can I indent my bulleted lists but not affect the navigation menu/dropdowns?

    This is the code I have put into the custom CSS area:

    ul li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 0px 0 0px 20px;
    text-indent: -1.5em;
    }

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter bonnieg77

    (@bonnieg77)

    **Please disregard question, I figured out how to edit the code I need but I don’t see an option to delete this post!**

Viewing 1 replies (of 1 total)
  • The topic ‘How to indent a list without affecting the main nav?’ is closed to new replies.