Wordpress Woocommerce: How to remove the category Icon from the shop Page?

Discussion in 'HTML & Website Design' started by lobsang, Dec 1, 2015.

  1. #1
    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

    ul.products li.product.product-category {display:none !important;}

    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. 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. `
     
    lobsang, Dec 1, 2015 IP