Support » Plugin: WooCommerce » Product categories sidebar – remove folder icon

  • Hello,
    Can’t find ANY info that works… How do I remove or change the folder icon before each category in the product categories widget?
    Thank you so much.

    Website: ‘http://www.californiawine.dk/da/shop’ (scroll down to “Vinhuse” sidebar widget)
    System status: ‘`
    ### WordPress Environment ###

    Home URL: http://www.californiawine.dk
    Site URL: http://www.californiawine.dk
    WC Version: 2.6.4
    Log Directory Writable: ✔
    WP Version: 4.6.1
    WP Multisite: –
    WP Memory Limit: 512 MB
    WP Debug Mode: –
    WP Cron: ✔
    Language: da_DK

    ### Server Environment ###

    Server Info: Apache
    PHP Version: 5.6.24
    PHP Post Max Size: 512 MB
    PHP Time Limit: 600
    PHP Max Input Vars: 8192
    cURL Version: 7.50.1
    OpenSSL/1.0.2h

    SUHOSIN Installed: –
    MySQL Version: ❌ 5.0.96 – We recommend a minimum MySQL version of 5.6. See: WordPress Requirements
    Max Upload Size: 512 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔

    ### Database ###

    WC Database Version: 2.6.4
    :
    woocommerce_sessions: ✔
    woocommerce_api_keys: ✔
    woocommerce_attribute_taxonomies: ✔
    woocommerce_downloadable_product_permissions: ✔
    woocommerce_order_items: ✔
    woocommerce_order_itemmeta: ✔
    woocommerce_tax_rates: ✔
    woocommerce_tax_rate_locations: ✔
    woocommerce_shipping_zones: ✔
    woocommerce_shipping_zone_locations: ✔
    woocommerce_shipping_zone_methods: ✔
    woocommerce_payment_tokens: ✔
    woocommerce_payment_tokenmeta: ✔

    ### Active Plugins (22) ###

    Polylang: by Frédéric Demarle – 2.0.7
    AJAX Thumbnail Rebuild: by junkcoder – 1.12
    Akismet: by Automattic – 3.2
    BackWPup: by Inpsyde GmbH – 3.3.4
    CodeStyling Localization: by Heiko Rabe – 1.99.30
    Debug This: by Brian Fegter
    Chris Dillon – 0.4

    Exclude Pages from Navigation: by Simon Wheatley – 1.92
    Google Analytics Dashboard for WP: by Alin Marcu – 4.9.3.2
    Google XML Sitemaps: by Arne Brachhold – 4.0.8
    Google Analytics: by Kevin Sylvestre – 1.0.7
    MailChimp til WordPress: by ibericode – 4.0.6
    Regenerate Thumbnails: by Alex Mills (Viper007Bond) – 2.2.6
    Smart Manager: by Store Apps – 3.9.18
    Stop Spammers Spam Control: by Keith P. Graham – 6.15
    Total Security: by Fabrix DoRoMo – 3.4.3
    Hyyan WooCommerce Polylang Integration: by Hyyan Abo Fakher – 0.28
    WooCommerce Predictive Search LITE: by A3 Revolution – 3.6.1
    WooCommerce QuickPay: by Perfect Solution – 4.5.6
    WooCommerce Sequential Order Numbers: by SkyVerge – 1.7.0
    WooCommerce – Store Toolkit: by Visser Labs – 1.6.4
    WooCommerce: by WooThemes – 2.6.4
    YITH Essential Kit for WooCommerce #1: by YIThemes – 1.3.4

    ### Settings ###

    Force SSL: ✔
    Currency: DKK (,-)
    Currency Position: right
    Thousand Separator:
    Decimal Separator: ,
    Number of Decimals: 0

    ### API ###

    API Enabled: ✔

    ### WC Pages ###

    Shop Base: #192 – /da/shop
    Cart: #983 – /da/kurv
    Checkout: #984 – /da/kasse
    My Account: #1453 – /da/min-konto

    ### Taxonomies ###

    Product Types: external (external)
    grouped (grouped)
    simple (simple)
    variable (variable)

    ### Theme ###

    Name: Sommerce
    Version: 3.0.8
    Author URL: http://yithemes.com/
    Child Theme: ❌ – If you’re modifying WooCommerce on a parent theme you didn’t build personally
    then we recommend using a child theme. See: How to create a child theme

    WooCommerce Support: ✔

    ### Templates ###

    Overrides: sommerce/sommerce/woocommerce/archive-product.php
    sommerce/sommerce/woocommerce/cart/cart-shipping.php
    sommerce/sommerce/woocommerce/cart/cart.php
    sommerce/sommerce/woocommerce/cart/cross-sells.php
    sommerce/sommerce/woocommerce/content-product.php
    sommerce/sommerce/woocommerce/content-product_cat.php
    sommerce/sommerce/woocommerce/content-single-product.php
    sommerce/sommerce/woocommerce/global/breadcrumb.php
    sommerce/sommerce/woocommerce/global/form-login.php
    sommerce/sommerce/woocommerce/global/sidebar.php
    sommerce/sommerce/woocommerce/global/wrapper-end.php
    sommerce/sommerce/woocommerce/global/wrapper-start.php
    sommerce/sommerce/woocommerce/loop/add-to-cart.php
    sommerce/sommerce/woocommerce/loop/no-products-found.php
    sommerce/sommerce/woocommerce/loop/pagination.php
    sommerce/sommerce/woocommerce/loop/price.php
    sommerce/sommerce/woocommerce/loop/sale-flash.php
    sommerce/sommerce/woocommerce/single-product/add-to-cart/external.php
    sommerce/sommerce/woocommerce/single-product/add-to-cart/grouped.php
    sommerce/sommerce/woocommerce/single-product/add-to-cart/simple.php
    sommerce/sommerce/woocommerce/single-product/add-to-cart/variable.php
    sommerce/sommerce/woocommerce/single-product/meta.php
    sommerce/sommerce/woocommerce/single-product/price.php
    sommerce/sommerce/woocommerce/single-product/product-image.php version 2.0.14 is out of date. The core version is 2.6.3
    sommerce/sommerce/woocommerce/single-product/product-thumbnails.php version 2.3.0 is out of date. The core version is 2.6.3
    sommerce/sommerce/woocommerce/single-product/related.php
    sommerce/sommerce/woocommerce/single-product/sale-flash.php
    sommerce/sommerce/woocommerce/single-product/share.php
    sommerce/sommerce/woocommerce/single-product/short-description.php
    sommerce/sommerce/woocommerce/single-product/tabs/description.php
    sommerce/sommerce/woocommerce/single-product/tabs/tabs.php
    sommerce/sommerce/woocommerce/single-product/up-sells.php
    sommerce/sommerce/woocommerce/single-product-reviews.php
    sommerce/sommerce/woocommerce/single-product.php
    sommerce/sommerce/woocommerce/taxonomy-product_cat.php
    sommerce/sommerce/woocommerce/taxonomy-product_tag.php

    : Learn how to update outdated templates

    ### Templates ###

    thumbnail:
    medium:
    medium_large:
    large:
    shop_thumbnail:
    shop_catalog:
    shop_single:
    shop_large_image:
    blog_big:
    blog_small:
    thumb_recentposts:
    thumb_testimonial:
    `’

Viewing 7 replies - 1 through 7 (of 7 total)
  • To remove it you could use this custom css:

    
    #sidebar .widget_product_categories ul li,
    #sidebar .woocommerce_product_categories ul li {
      background: url() !important;
      padding-left:0  !important
    }
    

    To change it, put the path to the new icon inside the () and don’t use the padding-left line.

    Thanks for the quick reply. I put it in functions.php, but unfortunately there is no change to my website – the default folder icon is still there. Should I add it somewhere else?

    It doesn’t go in functions.php, normally styles there will break the site.

    I’m not familiar with your theme. Some themes have the facility to enter custom css. This may be at Appearance > Customise or Appearance > Theme Options. It may be called Custom CSS or Advanced Settings.

    If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
    https://wordpress.org/plugins/simple-custom-css/

    OK, got it and it worked – thanks so much! Put it in my theme’s customization area and I removed the folder icon, but is still working to get the replacement image to work (so far, url(‘images/icons/image.png’) does not work, though this code is present throughout the theme). I’ll keep working at it – and thanks again!

    The default url for the folder icon is url(../images/icons/folder.png), but its probably better to put your new icon outside the theme directory so its safe from upgrades, then use a fully qualified path.

    I have the same problem, trying to get rid of the folder icons. I tried your solution but it did not work. I added the CSS in the customize area of admin, but it had no effect. I was able to remove the underline from the links though. To get rid of the folders I tried a number of variations in the CSS with no luck.
    This is my site:
    http://shop.zionparkphotos.com/

    I changed the name of the widget to be Galleries instead of Categories. Could you take a look at my site and see if you have a suggestion to get rid of the folder icons? The last bit of CSS i tried was
    div.widget_product_categories ul.product-categories li.cat-item-19 {
    background: url() !important;
    padding-left:0 !important;
    }

    to see if i could change at least one of the list items. But it didn’t work either.

    Kind regards,

    Jeana

    • This reply was modified 3 years, 5 months ago by jeanahines.

    Please temporarily disable the Coming Soon screen.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Product categories sidebar – remove folder icon’ is closed to new replies.