Woocommerce: How to remove the category icons from the shop page

  • Unknown's avatar
    lobsang1234 · Member ·

    So I just created an amazon affiliated e-store, I imported few products but woocommerce automatically add these category icons on my shop. http://shop.eeglio.com/ I am going to make the product categories accessible through the menu so I don’t want them to be displayed as an icon on my shop page.

    I try to disable it by adding this code to css

    <i>ul.products li.product.product-category {display:none !important;}</i>

    It does stop the categories from stop displaying on the product page, the only problem is that, Now I get this empty space at where categories icons are previously displayed.
    Like this one.
    [![example][1]][1]

    [1]: http://i.stack.imgur.com/r6JV9.jpg

    I look through all the setting and found nothing, My css is limited, and my php is Zero so Any help would be really appreciated.

    Additional information.

    I am using the theme storefront with the storefront pro plugins.
    I add the products throught woozonelight plugins.

    The blog I need help with is: (visible only to logged in users)

  • The topic ‘Woocommerce: How to remove the category icons from the shop page’ is closed to new replies.