Return to previous page

How to remove spaces, shadows and rounding on the slider edges

This topic has 6 replies, 2 voices, and was last updated 4 months ago ago by Rose Tyler

Rodrigo Carlos

Participant

November 24, 2024 at 18:08

Hello everyone,

In the slider, space is automatically inserted in the borders with shading. How do I remove these borders?

I wanted to include a banner below the header where the image of each slide would cover the entire width and touch the header, without space, without rounding, without overlapping.

Thank you!
Rodrigo

Files is visible for topic creator and
support staff only.

#424971 Copied Theme version: 9.4.4

5 Answers

Rose Tyler

Support staff

November 25, 2024 at 14:04

Hello,

Thank you for reaching out to us.

Could you please provide the link to the page in question?

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best Regards,
8Theme’s Team

#425124 Copied

Rodrigo Carlos

Participant

November 26, 2024 at 19:48

Hello,

The slider is on the store’s home page.

The access data is in the private area.

Thank you!

Please contact administrator
for this information.

#425370 Copied
Rose Tyler

Support staff

November 27, 2024 at 08:54
Hello,

We appreciate your prompt response.

We’ve removed this custom CSS code for Slider element –

.swiper-autoheight div.swiper-slide { background-color: #FFFFFF !important; border-radius: 10px 10px 10px 10px !important; overflow: hidden !important; padding: 10px 10px 10px 10px !important; box-shadow: 1px 1px 3px 0px #ddd !important; } .e-widget-swiper .etheme-elementor-slider { padding-bottom: 10px !important; padding-top: 10px !important; } .etheme-elementor-swiper-entry .etheme-elementor-slider { padding-right: 10px !important; }

However, it seems that some styles, as shown in this screenshot https://prnt.sc/2iuELsLCJQ9c , are still present and are causing the issue you described. We kindly request that you review your setup to locate where these styles were added and make the necessary adjustments or remove them.

Warm Regards,
The 8Theme Team
#425416 Copied
Rodrigo Carlos

Participant

November 27, 2024 at 21:20

I managed to remove these borders just by disabling the “Auto Height” feature: https://prnt.sc/_Bv6vCcH-V5A

There was only a top margin, but I managed to fix it just by putting negative margin -10px: https://prnt.sc/_tqQPSfY3mHM

It seems all ok to me now.

Thank you!

#425561 Copied

Rose Tyler

Support staff

November 28, 2024 at 08:32

Hello, Rodrigo Carlos,

Thank you for letting us know.

Warm Regards,
The 8Theme Team

#425622 Copied
Viewing 6 results - 1 through 6 (of 6 total)