1. Home
  2. Help Center
  3. Customization
  4. Change category grid style

By default the category style shows the caption in overlay in front of the image.

To display the caption below the picture add the following snippet to wp-content/themes/goya-child/functions.php

add_action( 'after_setup_theme', 'goya_change_category_list' ); function goya_change_category_list() { add_action( 'woocommerce_before_subcategory_title', 'woocommerce_subcategory_thumbnail', 10 ); }
Code language: JavaScript (javascript)

And this code to Appearance > Customize > Additional CSS

.products .product.product-category a { position: relative; padding: 0; height: auto; width: auto !important; background: none !important; display: block; } .products .product.product-category .et-category-inner { padding: 0; height: auto; background: none; } .products .product.product-category .category-caption { position: relative; padding: 1em 0 0; color: inherit; } .products .product.product-category .category-caption:before { content: none; } .products .product.product-category .category-caption h2 { color: inherit; font-size: inherit; }
Code language: CSS (css)

Was this article helpful?

Related Articles