Home › Forums › WoodMart support forum › How to degrease the thumbnails image size and central product image

How to degrease the thumbnails image size and central product image

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 20, 2020 at 10:49 am #212612

    nickla24
    Participant

    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.

    July 21, 2020 at 6:34 am #212798

    Elise Noromit
    Member

    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

    July 21, 2020 at 6:52 am #212808

    nickla24
    Participant

    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.
    July 21, 2020 at 1:10 pm #212901

    Elise Noromit
    Member

    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

    July 21, 2020 at 2:33 pm #212937

    nickla24
    Participant

    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.
    July 22, 2020 at 8:18 am #213090

    Elise Noromit
    Member

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)