There are a few different sources that effects the image sizes.
First one is WordPress image thumbnail setting.
Second is Woocommerce settings.
Third is theme settings.
And finaly some plugins.
In your case, that (258px × 430px) values are not coming from any given value in that exact pixels. It is generated because of the (width: 100%;) style property.
In order to fit 4 images in a row, every image’s width is (width: 22.05%;)
So that 100% declaration makes the images to fit that area and makes the width 258px.
A new css style declaration will fix it; just disable that 100%.
Btw, to mention your site being an “xxx-adult site” would be fine before looking for help.
Thread Starter
mako2
(@mako2)
Thank you so much! How do I do a new CSS declaration to change the sizes?
In order to edit your styles, you can change the values in your themes style.css file. But it will not be permanent, will be overwritten / changed back to original in any future updates of your theme.
To prevent from future updates / overwriting the changes there are some simple methods, like using a custom.css file or creatina a child theme.
You can look for those methods. Most common way is to create a child theme and making all changes within that child theme and prevent all of your style and fuction changes from original theme updates.
These are well-documented in WordPress site, you can follow those sections for your own site.
Thread Starter
mako2
(@mako2)
@manush
I am already using a child theme for all my websites.
Where in the CSS I need to change to make the image sizes of the store catalog smaller?
