Title: Replace list-style-type
Last modified: August 20, 2016

---

# Replace list-style-type

 *  [paulchas1](https://wordpress.org/support/users/paulchas1/)
 * (@paulchas1)
 * [14 years ago](https://wordpress.org/support/topic/replace-list-style-type/)
 * HI all,
 * ON the website [http://www.mistyleemakes.co.uk](http://www.mistyleemakes.co.uk),
   I am using a theme category widget from woocommerce, which has this rather unpleasant
   folder list style type on the widget on the left hand side of the page (i.e. 
   Product Categories). ANy ideas how to replace/remove this? I am quite new to 
   the code side of things so am yet unable to identify what this object is. Really
   appreciate any guidance, thanks in advance.
 * Paul

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

 *  Moderator [keesiemeijer](https://wordpress.org/support/users/keesiemeijer/)
 * (@keesiemeijer)
 * [14 years ago](https://wordpress.org/support/topic/replace-list-style-type/#post-2786836)
 * Changes have to be made in your theme’s stylesheet style.css
    ([http://mistyleemakes.co.uk/wp-content/themes/sommerce/woocommerce/style.css](http://mistyleemakes.co.uk/wp-content/themes/sommerce/woocommerce/style.css))
 * change this
 *     ```
       #sidebar .widget_product_categories ul li, #sidebar .woocommerce_product_categories ul li {
           background: url("../images/icons/folder.png") no-repeat scroll 0 5px transparent;
           padding-left: 20px;
       }
       ```
   
 * to this:
 *     ```
       #sidebar .widget_product_categories ul li, #sidebar .woocommerce_product_categories ul li {
           padding-left: 20px;
       }
       ```
   
 *  Thread Starter [paulchas1](https://wordpress.org/support/users/paulchas1/)
 * (@paulchas1)
 * [14 years ago](https://wordpress.org/support/topic/replace-list-style-type/#post-2786846)
 * Thanks for this reply… can this code be inserted to the custom css section of
   the theme, or does it need to be directly replaced as you infer? I have placed
   into the the custom css, but doesnt seem to be having the desired effect.
 * Thanks,
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [14 years ago](https://wordpress.org/support/topic/replace-list-style-type/#post-2786885)
 * In order to get rid of those icons, you must REMOVE this code from the stylesheet(
   line 1499 of the stylesheet mentioned above):
 *     ```
       background: url("../images/icons/folder.png") no-repeat scroll 0 5px transparent;
       ```
   
 * You don’t need to add any code at all.
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [14 years ago](https://wordpress.org/support/topic/replace-list-style-type/#post-2786908)
 * if you want to insert the edited style to the custom css section of the theme,
   try to use:
 *     ```
       #sidebar .widget_product_categories ul li, #sidebar .woocommerce_product_categories ul li {
           background: none;
           padding-left: 10px;
       }
       ```
   
 *  Thread Starter [paulchas1](https://wordpress.org/support/users/paulchas1/)
 * (@paulchas1)
 * [14 years ago](https://wordpress.org/support/topic/replace-list-style-type/#post-2786938)
 * Thanks all, I went down he route of applying the background: none to the custom
   css section , rather than changing anything in the style.css. Is this good practice?
   To me it makes more sense to have any changes made to style in one place and 
   I understood by doing it in the custom css section this would not be overwritted
   by future theme updates etc. Is this correct? Appreciate your advice so i start
   well.
    cheers

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

The topic ‘Replace list-style-type’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 4 participants
 * Last reply from: [paulchas1](https://wordpress.org/support/users/paulchas1/)
 * Last activity: [14 years ago](https://wordpress.org/support/topic/replace-list-style-type/#post-2786938)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics