Show list bullets in widget area

  • Resolved vgargan

    (@vgargan)


    4 years, 9 months ago

    Hello,

    Many thanks for offering such a high quality themes and support. You have saved us a huge amount of time and effort.

    I would like your help on this: I created a list of links in the widget area (left sidebar). Since some of these links are a bit long, I would prefer to have the list bullets visible in order to make them more distinct to visitors.

    What is the best way to do this with Additional CSS? I tried to do it myself but the li::marker confuses me.

    Best regards,
    VAs.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    4 years, 9 months ago

    Glad to hear you’re enjoying the theme!

    I think this CSS should do the trick:

    .sidebar .widget_block > ul {
  list-style: disc;
}

    That will return the bullets to the lists in the sidebar.

    Thread Starter vgargan

    (@vgargan)

    4 years, 9 months ago

    Dear Ben,

    Thanks for the swift reply. One final thing please, I used instead the following css:

    .sidebar .widget_block > ul {
    list-style: square inside;
    }

    and you can see the result here: https://gym-ag-varvar.ira.sch.gr/

    How can I adjust the distance between bullet and text in <li> to make it smaller?

    Thanks again!

    • This reply was modified 4 years, 9 months ago by vgargan.
    Theme Author Ben Sibley

    (@bensibley)

    4 years, 9 months ago

    Sure thing!

    Try adding the following CSS to reduce that space:

    .sidebar .widget_block > ul li::marker {
  margin-right: 2px;
}
    Thread Starter vgargan

    (@vgargan)

    4 years, 9 months ago

    Ben,

    margin attribute is not working with li::marker. Actually that was my problem from the beginning. After searching on Google, I found and used this workaround which is fine for me. 

    .sidebar .widget_block > ul {
  list-style: '> ' inside;
}

    For some reason the below code produced too much space in front of the bullet.

    .sidebar .widget_block > ul {
  list-style: square inside;
}

    Thank for your time and effort. Keep up with the good work.
    Vas.

    • This reply was modified 4 years, 9 months ago by vgargan.
    Theme Author Ben Sibley

    (@bensibley)

    4 years, 9 months ago

    Vas,

    Nice! Thanks for sharing that snippet with everyone here.

    Feel free to post again if anything else comes up.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Show list bullets in widget area’ is closed to new replies.