Home › Forums › WoodMart support forum › The issue regarding modifying the gap between the product image and the backgrou

The issue regarding modifying the gap between the product image and the backgrou

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 15, 2024 at 5:33 pm #622595

    bzzxzz
    Participant

    1. Product Image
    2. Image Background
    3. I want to modify this gap to make the product image and the background image completely overlap (i.e., make this gap 0).

    I hope I have expressed my request clearly.

    December 17, 2024 at 8:40 am #623058

    Hung Pham
    Keymaster

    Hello bzzxzz,

    Thanks for reaching to us and appreciate your patience.

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

    div:is(.products-bordered-grid-ins,.wd-products-with-bg:not(.products-bordered-grid),.wd-products-with-shadow:not(.products-bordered-grid)) .wd-product {
    --wd-prod-bg-sp: 0;
}

    Best Regards,

    December 20, 2024 at 8:26 am #624094

    bzzxzz
    Participant

    Okay, thank you.
    However, a new issue has arisen.
    I want to center-align the text and the image, but I couldn’t find the relevant setting.
    I would appreciate it if you could guide me on how to adjust the settings. Thank you.

    December 20, 2024 at 10:32 am #624132

    Hung Pham
    Keymaster

    Hello bzzxzz,

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

    .wd-product.wd-hover-small .product-wrapper {
    justify-content: center;
    align-items: center;
}

    Regards,

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