WordPress.org

Ready to get started?Download WordPress

Forums

Latest Custom Post Type Updates
please explain custom classes (3 posts)

  1. barthulley
    Member
    Posted 1 year ago #

    Hi David,

    non-coder here struggling with how to remove bullet points using the custom css box. Can you tell what do I put in the style sheet - and then what do I put in the box to stop bullet points appearing on the widget?

    Any help appreciated.

    B

    http://wordpress.org/extend/plugins/latest-custom-post-type-updates/

  2. David Wood
    Member
    Plugin Author

    Posted 1 year ago #

    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!

  3. webinclusion1
    Member
    Posted 1 year ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic