Title: please explain custom classes
Last modified: August 20, 2016

---

# please explain custom classes

 *  [barthulley](https://wordpress.org/support/users/barthulley/)
 * (@barthulley)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/please-explain-custom-classes/)
 * 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/](http://wordpress.org/extend/plugins/latest-custom-post-type-updates/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Contributor [David Wood](https://wordpress.org/support/users/technical_mastermind/)
 * (@technical_mastermind)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/please-explain-custom-classes/#post-3226840)
 * 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](https://wordpress.org/support/users/webinclusion1/)
 * (@webinclusion1)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/please-explain-custom-classes/#post-3226843)
 * 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.

 * ![](https://s.w.org/plugins/geopattern-icon/latest-custom-post-type-updates.svg)
 * [Latest Custom Post Type Updates](https://wordpress.org/plugins/latest-custom-post-type-updates/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/latest-custom-post-type-updates/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/latest-custom-post-type-updates/)
 * [Active Topics](https://wordpress.org/support/plugin/latest-custom-post-type-updates/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/latest-custom-post-type-updates/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/latest-custom-post-type-updates/reviews/)

## Tags

 * [custom css class](https://wordpress.org/support/topic-tag/custom-css-class/)

 * 2 replies
 * 3 participants
 * Last reply from: [webinclusion1](https://wordpress.org/support/users/webinclusion1/)
 * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/please-explain-custom-classes/#post-3226843)
 * Status: not resolved