Plugin Contributor
David Wood
(@technical_mastermind)
Okay, the custom classes allow you to easily add CSS classes to the html ‘ul’ tag. So if you added the class ‘no-bullets’ to the widget, then in your CSS file you would add something like the following:
.no-bullets, .no-bullets li { list-style: none; }
Not knowing how much you know about CSS, a brief explanation:
The period before the ‘no-bullets’ part signifies that we are looking for a CSS class with the name ‘no-bullets’. The comma separates the to parts, we are actually telling the html element with the class ‘no-bullets’ and all list items (li) under that wrapper to have a list style of ‘none’ or no list style.
Also, if you are wanting to know learn more about CSS rules and how to use them, I recommend W3Schools.com as a good learning tool.
Hope this helps!
Hi – thanks for this plugin… its a great help.
But I’m struggling with the CSS class too.
I’ve added two classes to my theme’s css file: – .transwidget and .no-bullets (full code below).
I have then added the following to the ‘Custom CSS classes (separated by spaces):’ text box: “no-bullets transwidget”
However the widget doesn’t pick up the CSS from the classes. It remains giving each listing the li attributes of the theme, and it also puts a dark background behind the text of each title, as if it were a widget title instead of a listing within the widget.
Can you please tell me what I’m doing wrong.
Thank you
.transwidget {
background: transparent;
}
.no-bullets {
list-style: none;
}
