Hi, bit of a basic level question so sorry about that. But I've been trying to figure out what the correct size to use for the product images. I set it to 1600 x 2002, this work fine in the product view. But on the main website the images are square and while this works nicely for the first few, the next few images are not displaying the product. Is there a way to set the image which displays on the homepage?
[EDIT 1]
would it be better for me to have the main product image as a square?
[EDIT 2]
So I think that without having the main product image with the image centralised the square thumbnails would not work? I've since regenerated the thumbnails so they're the same dimensions as the main image. This seems to work though it would have been nice to have square images on the homepage if possible.
Anyway, I'm now wondering, how do I change the text colour that displays the price and name on the homepage products? It's quite hard to see in black was going to try and change it to white
Hi, bit of a basic level question so sorry about that. But I've been trying to figure out what the correct size to use for the product images. I set it to 1600 x 2002, this work fine in the product view. But on the main website the images are square and while this works nicely for the first few, the next few images are not displaying the product. Is there a way to set the image which displays on the homepage?
[EDIT 1]
would it be better for me to have the main product image as a square?
[EDIT 2]
So I think that without having the main product image with the image centralised the square thumbnails would not work? I've since regenerated the thumbnails so they're the same dimensions as the main image. This seems to work though it would have been nice to have square images on the homepage if possible.
Anyway, I'm now wondering, how do I change the text colour that displays the price and name on the homepage products? It's quite hard to see in black was going to try and change it to white
Hi Rubin,
You just need to import best image size that you have and Wordpress will crop image on it's required dimensions, so you should not worry for the rest
To change that color, please just add the code below to Custom CSS
.woocommerce .product.catalog-layout-transparent-bg .item-info h3 a { color: #000 !important; } .woocommerce .product.catalog-layout-transparent-bg .item-info .product-category a { color: #000 !important; } .woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price .amount { color: #000 !important; }