Home › Forums › WoodMart support forum › How to align in center product category 2 issue

How to align in center product category 2 issue

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • November 17, 2025 at 11:48 am #696360

    alexander.djundi
    Participant

    We centered category but in single product page product gallery not work as expect.
    We use this css:

    .wd-carousel-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: initial;
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
    justify-content: center;
    }

    But affect also to single product gallery, and show two products in main image, also have problem in thumbnails..

    See here for example:
    https://gradinskatehnika.net/produkt/%d0%b4%d1%80%d1%8a%d0%b6%d0%ba%d0%b0-%d1%82%d0%b5%d0%bb%d0%b5%d1%81%d0%ba%d0%be%d0%bf%d0%b8%d1%87%d0%bd%d0%b0-zm-v-4-%d0%be%d1%82-wolf-garten/

    Attachments:
    You must be logged in to view attached files.
    November 17, 2025 at 3:29 pm #696404

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    It seems the custom CSS you added is affecting all wd-carousel-wrap elements, including the single product gallery. To provide the correct fix, I need to know exactly where you applied the category alignment so I can target that specific section only and avoid breaking the product gallery.

    Please let me know which element or page you centered the category on, and also share temporary WP admin access so I can check and give you the exact CSS for that area only.

    Best Regards,

    November 17, 2025 at 9:11 pm #696450

    alexander.djundi
    Participant

    Here is the access to site

    November 18, 2025 at 10:04 am #696513

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I’m currently unable to access your site due to IP restrictions. Kindly remove these restrictions so I can review the issue. I’m accessing the site from Pakistan.

    To provide the correct fix, I need to know exactly where you applied the category alignment so I can target that specific section only and avoid breaking the product gallery.

    Please let me know which element or page you centered the category on, Please share some screenshots for better understanding.

    Best Regards,

    November 18, 2025 at 1:53 pm #696575

    alexander.djundi
    Participant

    Yep we have a lot blocked IP’s so, please specify your, we will add it to white list 🙂

    November 18, 2025 at 3:41 pm #696593

    alexander.djundi
    Participant

    Check now

    November 19, 2025 at 9:22 am #696646

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please whitelist my country. I’m accessing the site from Pakistan.

    Best Regards,

    November 19, 2025 at 10:21 am #696653

    alexander.djundi
    Participant

    Done!

    November 19, 2025 at 1:03 pm #696707

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    It is still blocked: https://postimg.cc/6yFQwj16

    Best Regards,

    November 19, 2025 at 3:36 pm #696759

    alexander.djundi
    Participant

    Yep because you didn’t specify you IP

    November 19, 2025 at 4:50 pm #696776

    alexander.djundi
    Participant

    Try now, please!

    November 20, 2025 at 10:15 am #696860

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have again checked your site, and it is still blocked: https://postimg.cc/jCMpKzJF

    So, I need to know exactly where you applied the category alignment so I can target that specific section only and avoid breaking the product gallery.

    Please let me know which element or page you centered the category on, Please share some screenshots for better understanding.

    Best Regards,

    November 20, 2025 at 6:16 pm #696990

    alexander.djundi
    Participant

    We want to align center product categories xtemos elementor module. So we add css code, and category is centered, but this code affects in other sliders, product images and product carousel. Site is open for your country.
    Here is added css code:

    .wd-carousel-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: initial;
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
    justify-content: center;
    }

    Attachments:
    You must be logged in to view attached files.
    November 21, 2025 at 11:10 am #697057

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The CSS you added (.wd-carousel-wrap { … justify-content: center; }) is global, so it affects all carousels on your site, including the single product gallery. That’s why your gallery is showing two main images and the thumbnails are misaligned.

    To fix this, you need to target only the category/carousel you want to center, without affecting the product gallery. For example, you can wrap the category carousel in a custom class like .custom-category-carousel and use CSS like this:

    .custom-category-carousel .wd-carousel-wrap {
    justify-content: center;
}

    This way, the single product gallery remains unaffected.

    Best Regards,

    November 21, 2025 at 12:17 pm #697067

    alexander.djundi
    Participant

    Thanks, when you put this code, i can’t find it 🙂

    November 21, 2025 at 2:03 pm #697093

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The code I mentioned is not on your site yet — it was only an example.
    You first need to wrap your category carousel in a custom class, like:

    Custom-category-carousel

    Then add this CSS:

    .custom-category-carousel .wd-carousel-wrap {
    justify-content: center;
}

    Since this class doesn’t exist on your site yet, you won’t see the CSS anywhere. You need to add it manually.

    Best Regards,

    November 21, 2025 at 2:50 pm #697102

    alexander.djundi
    Participant

    Thanks, now it work fine 🙂

    November 21, 2025 at 2:57 pm #697110

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You’re Most Welcome!

    Feel free to write back anytime. If you need further assistance, we are always here to help you.

    If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

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

The topic ‘How to align in center product category 2 issue’ is closed to new replies.