Home › Forums › WoodMart support forum › Product page changes

Product page changes

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 22, 2025 at 2:20 am #687426

    6868
    Participant

    I want the some changes on the product page:

    Please see more details.

    September 23, 2025 at 10:17 am #687644

    Hung Pham
    Participant

    Hi 6868,

    Thanks for reaching to us and appreciate your patience.

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    1. Reduce the border-radius of the image area, and also the product’s gallery images.

    div.woocommerce-product-gallery img,
div.woocommerce-product-gallery .woocommerce-product-gallery__image,
.woocommerce-product-gallery figure.wd-carousel{
    border-radius: 0;
}

    – Show a little outline to the current gallery image, which is currently visible, and also remove its whiteness. Right now, the current visible image’s gallery image shows a whiteness.

    div.wd-gallery-thumb :is(.wd-carousel-item:hover,.wd-thumb-active,.wd-carousel:not(.wd-initialized) .wd-carousel-item:first-child) {
    opacity: 1;
}

    3. Show the “Click-to-Enlarge” and slider dots outside/below the image area.

    div.wd-nav-pagin-wrap{
    margin-top: 30px;
}

div.woocommerce-product-gallery .wd-nav-pagin-wrap,
div.product-additional-galleries{
    bottom: auto;
}

    Regards,
    Hung PD

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