I am trying to customize the “Recent Posts” widget. The widget seems to use an unordered list (ul) to display the contents. Unfortunately this looks weird on a widget and wastes lots of space because each line item (li) is also indented. Using Safari’s inspector I found that if I disable the ul settings in the style.css, things look fine. I am not sure how to make this happen using the attribute options available on the widget settings page.
http://www.kirchners.com/Good.jpg
http://www.kirchners.com/Bad.jpg
http://www.kirchners.com/Setup.jpg
Hi Kwkirchner
Looks like you were able to resolve. If you need any further help, let me know :)
Not really. I just used a better widget. I would still like to know how to properly use the Widget Attributes.
Sure.
Row and widget attributes are an intermediate level tool. If you understand and have a good working knowledge of CSS then they should make sense. If not, then you’re unfortunately missing the base level skillset to use that feature.
If you’d like to dive in then, please, check out my brief introductory thread here:
Thread: How do Page Builder row attributes work – row class, cell class and CSS styles
Hope that helps :)
With specific issues like the one you originally asked about, you can just open a thread and we’ll do our best to help out.
Vantage adds global list styles. For the core Recent Posts widget you were originally trying to override, we would have just said, if the list is inside a Recent Posts widget then apply 0 margin.
The easiest would have been to apply that from Appearance > Custom CSS:
Something like this:
/* Core WP Recent Posts Widget */ .widget_recent-posts ul { list-style: none; margin: 0; } .widget_recent-posts ul li { margin-left: 0; }Awesome! Thanks!
For sure :)