You mean in a text widget or all the list based widgets to have bullets?
Thread Starter
TeqToo
(@teqtoo)
Just a text widget that will appear on the only page that has a left sidebar – the home page. Here: http://nysbs.org/newsite/ In the left sidebar, the items under “News”. The client asked if they could be a bulleted list instead of just a run on list. When I used the
and
- tags on the items, they behaved animated, like the menu does, but didn’t have any bullets.
Thanks for the link..I just checked out your page and see your left sidebar is a text widget, but not using it with a list.
However, I just tried some custom CSS on my local test site and got the bullets to show for lists in a text widget:
#left-sidebar .textwidget ul,
#right-sidebar .textwidget ul {
margin-left: 18px;
}
#left-sidebar .textwidget li,
#right-sidebar .textwidget li {
list-style: disc;
}
That might help, although that will be global for any text widget in the left or right sidebars. The code also maintains the animation (providing that you want that still?)
As a side note, I also noticed the menu widget in the right column needs some style adjustments. I will apply that to the current theme update that is waiting for review and approval. The new styling for the menu widget will indent the submenu items and organize the border lines better. The current update also fixes other things like centering banners.
Thread Starter
TeqToo
(@teqtoo)
Nice! That worked great! And if I didn’t want to retain the animation?
Good catch on the menu widget, I did think it was a little confusing-looking that the sub-items weren’t indented. That will be a big improvement!
Thanks for the quick response!
Absolutely… the code
#left-sidebar .textwidget li:hover,
#right-sidebar .textwidget li:hover {
padding-left: 0;
}
Thread Starter
TeqToo
(@teqtoo)
Thanks, that works a treat! Now one other thing I noticed – text widget titles in the right sidebar are blue, and in the left sidebar, they’re grey. How to get them to match? And is there a way to have the titles centered within the sidebar instead of all off to one side?
In your sidebar content, I see this:
<font size="2" color="blue">
That is the culprit, so if you copied this content from another source, it got added to your page. You will need to delete the formatting (carefully). It also does not have closing tags for that <font> tag, so it changes other elements too.
Delete that code and you should be fine.
Thread Starter
TeqToo
(@teqtoo)
OK, it was the lack of a closing font tag in the left sidebar content that was making the titles in the right sidebar blue instead of grey. They now match (although I did kind of like the blue!) Now just the issue of centering the titles, is that possible?
Centering titles in the widgets, you can do this:
#left-sidebar .widget-title,
#right-sidebar .widget-title {
text-align: center;
}
