Return to previous page

Gradient shadow border on product carousel

This topic has 5 replies, 2 voices, and was last updated 1 hour, 49 minutes ago ago by Andrea

Andrea

Participant

March 2, 2026 at 19:47

Hi, I can’t get the same product border effect on the carousel on the home page. Can you help? I copied the product page where you can see the border I want.

Content is visible for topic creator and
support staff only.

#466792 Copied

4 Answers

Jack Richardson

Support staff

March 3, 2026 at 07:20

Hello @Andrea,

Please check it now. By default, the slides in sliders have overflow hidden, which causes the box shadow to be cropped. We have implemented a custom CSS solution for your product carousel widgets on the Home page: https://prnt.sc/xwQ1MyUV58fQ. You can review the changes now.

Best regards,
Jack Richardson
The 8Theme’s Team

#466800 Copied

Andrea

Participant

March 3, 2026 at 08:16

Hi, thanks! Is there anything we can do to make them the same height?

#466812 Copied
Jack Richardson

Support staff

March 3, 2026 at 08:28
Hello @Andrea,

You may try adding the following custom CSS in “Theme Options → Theme Custom CSS → Global CSS”:

/* Allign product carousel */ .elementor-widget-etheme_product_carousel .swiper-container { display: flex; align-items: stretch; } .elementor-widget-etheme_product_carousel .swiper-slide { height: auto; } .elementor-widget-etheme_product_carousel .swiper-slide .product { display: flex; flex-wrap: wrap; height: 100%; } .elementor-widget-etheme_product_carousel .swiper-slide .etheme-product-grid-content { align-self: flex-end; width: 100%; }

You can view the frontend result here: https://prnt.sc/BT5G4bQaYXuO

Best regards,
Jack Richardson
The 8Theme’s Team
#466813 Copied
Andrea

Participant

March 3, 2026 at 09:10

Perfect, thanks! Problem solved!

#466817 Copied
Viewing 5 results - 1 through 5 (of 5 total)