Replace list-style-type

  • paulchas1

    (@paulchas1)


    14 years ago

    HI all,

    ON the website 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

    (@keesiemeijer)

    14 years ago

    Changes have to be made in your theme’s stylesheet 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

    (@paulchas1)

    14 years ago

    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

    (@wpyogi)

    14 years ago

    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

    (@alchymyth)

    14 years ago

    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

    (@paulchas1)

    14 years ago

    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.