Product image size

[mamatoatribe]

I would like some support with my flower shop theme’s product images.
When I use shortcode [product id="*"] the thumbnail renders too small like 174px

I set up the product image size and thumbnail size in Customizer and it doesn’t work, or atleast nothing changes.

I already contacted Woocommerce support and they said it has to do with my theme.

Here is an example of what I’m talking about, I have a single product displayed at the bottom of this post: https://ginaccreates.com/christmas-peppermint-layered-mandala-cricut-craft/

I would like my product image to display 550px width on a desktop and for a mobile view I would like it to be 100% width or full width.

I hope you can please help me with this since I paid for a year of support.

Maybe a piece of code I can add to my custom css or theme editor??

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.single-post .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:70% !important;}

@media screen and (max-width:479px) {
.single-post .woocommerce ul.products li.product, .single-post .woocommerce-page ul.products li.product { width:100% !important;}

Regards,
Chris

[Author]

Posts