I'm using the "The Gem Product Categories" element in visual composer to display my woocommerce product categories. While I've managed to adjust the colours across my entire site through the theme options | colors, somehow I am unable to change the colour of this line below the category name. Is there anyway to do it?
I am also using the Product Category element to display products from a single category, and the resultant grid displays products in portrait orientation. How do I change the dimensions/aspect ratio of each item in the grid so that the products have landscape oriented images?
Hey,
I'm using the "The Gem Product Categories" element in visual composer to display my woocommerce product categories. While I've managed to adjust the colours across my entire site through the theme options | colors, somehow I am unable to change the colour of this line below the category name. Is there anyway to do it?
I am also using the Product Category element to display products from a single category, and the resultant grid displays products in portrait orientation. How do I change the dimensions/aspect ratio of each item in the grid so that the products have landscape oriented images?
Cheers!
Hi,
1. You can change it with Custom CSS in theme options:
.products .category-overlay-separator { background-color: #00bcd4; }2. Sorry, not quite sure what do you mean. Can you pls provide more details with screenshots?
I don't see code in custom css field in theme options. And there is minor error in code. You need
body .products .category-overlay-separator { background-color: #00bcd4; }Categories view use this woocommerce options for images: