Home › Forums › WoodMart support forum › Customization layout (product image width and summary width) on product page

Customization layout (product image width and summary width) on product page

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 6, 2019 at 10:00 am #136217

    kuanbc
    Participant

    Hi, I would like to know how do I customize product page layout.

    I know I can change product image width from theme setting->product page->images.
    My current “product image width” is set to medium, but I found that the image size is too large if I set it to medium and too small if I set it to small.

    I would like to know what are the customize css codes to make the the image layout to 41% and the summary layout to 59% on the product page (only for desktop and tablet).

    Thanks.

    August 6, 2019 at 7:33 pm #136330

    Elise Noromit
    Member

    Hello,

    Please set the largest immage and add this code to the Theme Settings > Custom CSS > Global:

    .product-image-summary .col-lg-8{
max-width:40%;
}
.product-image-summary .col-lg-6{
max-width:40%;
}

    Set the width as per your needs.

    Best Regards

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