Title: Remove list bullets
Last modified: August 31, 2016

---

# Remove list bullets

 *  Resolved [Swissprice](https://wordpress.org/support/users/swissprice/)
 * (@swissprice)
 * [10 years ago](https://wordpress.org/support/topic/remove-list-bullets/)
 * Hello,
 * I would like to know how can I apply a `list-style-type: none;` to the attributes
   in the product page ? What is the selector?
 * I am building an e-commerce and I would like that the attribute doesn’t display
   as a list. Here’s a page as an example: [http://ital-passion.ch/produit/santa-cecilia-igt-nero-davola/](http://ital-passion.ch/produit/santa-cecilia-igt-nero-davola/)
 * The attribute on this page is
 * > Cépage: Nero d’Avola (Gambero Rosso)
 * Thank you in advance for you help! 🙂
 * [https://wordpress.org/plugins/woocommerce-show-attributes/](https://wordpress.org/plugins/woocommerce-show-attributes/)

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

 *  Thread Starter [Swissprice](https://wordpress.org/support/users/swissprice/)
 * (@swissprice)
 * [10 years ago](https://wordpress.org/support/topic/remove-list-bullets/#post-7412101)
 * Hello,
 * Please, does anyone have a solution for that? I really need that done…
 *  Thread Starter [Swissprice](https://wordpress.org/support/users/swissprice/)
 * (@swissprice)
 * [10 years ago](https://wordpress.org/support/topic/remove-list-bullets/#post-7412102)
 * For anyone who would need that, here’s how I did :
 * I used the Google Chrome Developper Tools to search the class/id of the attribute.
   In my case, it was `li.ca_cepage`.
 *     ```
       .summary li.pa_cepage {
           list-style-type: none;
           margin-left: -50px; /* To remove the blank space */
       }
       ```
   
 * As I had to remove the blank space using a negative margin-left, I targeted the
   attribute in the .summary so it doesn’t display wrong in the Shop page with all
   the products.
 * Then, I wanted to make the attribute title bold, here’s how I did:
 *     ```
       .summary .attribute-label {
           font-weight: bold;
       }
       ```
   
 * I hope it helps!

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

The topic ‘Remove list bullets’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/woocommerce-show-attributes_d1b9b7.
   svg)
 * [WooCommerce Show Attributes](https://wordpress.org/plugins/woocommerce-show-attributes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-show-attributes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-show-attributes/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-show-attributes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-show-attributes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-show-attributes/reviews/)

## Tags

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

 * 2 replies
 * 1 participant
 * Last reply from: [Swissprice](https://wordpress.org/support/users/swissprice/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/remove-list-bullets/#post-7412102)
 * Status: resolved