UL breaks LI

  • Resolved billypea

    (@billypea)


    3 years, 6 months ago

    I’m using Astra theme and this plugin to put a custom HTML widget in the sidebar.
    Site is brand new so everything is up to date.

    In coding the widget, if I just use <LI> then all my bullet points show up – but they don’t indent when the lines break.
    If I use <UL> to surround the LIs, all the bullets go away.

    How can I put a real unordered list in the sidebar?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    3 years, 6 months ago

    Hi @billypea,

    I visited your site and saw the bullet list on the sidebar. Please refer to this screenshot.
    
    Have you managed to make it work? If you have, please mark the topic as resolved and do let us know if there’s anything else we can help you with.

    Have a nice day and stay safe!

    Kind regards,
    Herman 🙂

    Thread Starter billypea

    (@billypea)

    3 years, 6 months ago

    Hi Herman,

    Thanks for looking.

    For whatever reason, the UL tag causes the bullets in the list to disappear.

    <UL> 
<LI>first</LI>
<LI>second</LI>
<LI>third</LI>
</UL>

    will display as:

    first
    second
    third

    But

    <LI>first</LI>
<LI>second</LI>
<LI>third</LI>

    will display expectedly as:

    • first
    • second
    • third

    My fix was to stop trying to use the UL tag at all, and only use the LI tags.
    Then fix the hanging indents with CSS

    Thanks again!
    Bill

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    3 years, 6 months ago

    Good to know you have figured it out, @billypea!

    Do let us know if there’s anything else we can help you with.

    Have a nice day and stay safe!

    Kind regards,
    Herman 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘UL breaks LI’ is closed to new replies.