Info Box Carousel: unwanted image padding on frontend (one page only)

Hello,

We are experiencing an issue with the Info Box Carousel in Elementor when using WoodMart.
• On one specific page, the images inside the info boxes do not fill the top area correctly. They appear with extra space/padding around them on the frontend.
• In the Elementor editor (backend), the images display properly: full width, touching the top edges of the box.
• On our home page, the same widget renders fine as expected (no extra space).

So the problem happens only on one page and only on the frontend view.

We currently apply the following custom CSS for styling the info boxes:

.box-style-shadow {
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    padding: 0px !important;
    margin-bottom: 15px;
    margin-top: 15px;
}

.info-box-content {
    padding: 30px !important;
}

I have attached screenshots to illustrate:
1. Backend view (correct, no padding)
2. Frontend of the problematic page (padding visible)
3. Home page (correct display)

Could you please check if this is a known issue, or advise how we can fix this so that the image always fills the top of the info box without extra border/padding on the frontend?

Thank you for your help!

Best regards,
Kevin

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

[Author]

Posts