WordPress.org

Support

Support » Plugins and Hacks » please explain custom classes

please explain custom classes

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor David Wood
    Member

    @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!

    webinclusion1
    Participant

    @webinclusion1

    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;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘please explain custom classes’ is closed to new replies.