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.