How to adjust thumbnail size

Hi Jess,

1. The image “size” in the front end is defined by CSS. The size settings allow you to change their resolutions.

1 and 2. Could you share your product’s URL, and I’ll take a look.

Marc

Sure thing, it’s:
https://www.maisondefemmes.com/product/cyoa2/

Choose ’15mm latch hoop’ under ‘your earrings’ to see how the image displays under the builder.

I wanted to make the toolbar and preview window 50:50 or 60:40 so the toolbar had more room to display options.

• This reply was modified 3 years, 5 months ago by jesskumanovski.

This CSS should give this:

That’s fantastic, thank you so much Marc!

One small issue:
The code works brilliantly, but the double hyphen causes the error message:

“There is 1 error which must be fixed before you can save.
Update anyway, even though it might break your site?”

Every time I update css.

I suppose you’re adding the CSS in Divi’s settings?
Their editor recognises -- as an error, but it’s valid CSS. It’s the official syntax for “CSS variables”.

Also as your site is on Divi, you can include the configurator in the page, instead of using the “Customize” button. See the instructions here if you’re interested: https://github.com/marcusig/woocommerce-product-customizer/issues/21#issuecomment-797762256

Hi,

I’ve added the CSS into the Customise > Additional CSS settings.

Is there another place I should add instead? Into the product page divi code?

No that’s correct.