Support » Theme: Mission News » Show list bullets in widget area
Show list bullets in widget area
-
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]
-
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.
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 years, 6 months ago by vgargan.
Sure thing!
Try adding the following CSS to reduce that space:
.sidebar .widget_block > ul li::marker { margin-right: 2px; }
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 years, 6 months ago by vgargan.
Vas,
Nice! Thanks for sharing that snippet with everyone here.
Feel free to post again if anything else comes up.
- The topic ‘Show list bullets in widget area’ is closed to new replies.