Support » Theme: Mission News » Show list bullets in widget area

  • Resolved vgargan

    (@vgargan)


    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)

    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)

    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 2 months, 3 weeks ago by vgargan.
    Theme Author Ben Sibley

    (@bensibley)

    Sure thing!

    Try adding the following CSS to reduce that space:

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

    (@vgargan)

    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 2 months, 2 weeks ago by vgargan.
    Theme Author Ben Sibley

    (@bensibley)

    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)
  • You must be logged in to reply to this topic.