How to degrease the thumbnails image size and central product image
-
Hello,
1) I use the “Left (vertical position)” style from Theme Settings >> Product Page >> Images
And I want to degrease the thumbnails image size from 168px to 75px
Can you tell me how can I fix?
2) Also I want to move the central product image a little more right like this site https://www.tiffany.com/jewelry/rings/tiffany-t-t1-wide-diamond-ring-GRP11299/
Here https://theofilosjewelry.com/product/angel-of-water-tube-bracelet-big/
you can see my product page.
Hello,
The size of the thumbnails are determined by Product image width https://prnt.sc/tlofhw
All the available options on product image are provided in the Theme Settings > Product page > Images.
Best Regards
Hello, yes i found theme options and i choose “Large product image width” but the thumbnail on the left of central image is too big and i want to change the size. Can you tell me how to fix it?
I send you a screenshot
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Desktop:
.woocommerce-product-gallery > .col-lg-9 {
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
}
.woocommerce-product-gallery > .col-lg-3 {
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
}
You can change the width as per your needs, at the same time, the sum of tow widths should be 100%.
Best Regards
Very well, thanks!
Is it possible to add margin from top ? I want to come in line with the title
Also i want to degrease central product image a little more.
Can you help me ?
Attachments:
You must be
logged in to view attached files.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
.product-image-summary-wrap{
margin-top:40px;
}
In order to decrease the big image, it is important to increase the thumbnails. So you need to change the correlation of 15% and 85%.
Best Regards
.
