Return to previous page

How to show next/previous sections on a slider to be “faded””

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

GTP

Participant

February 3, 2024 at 00:17

Hi 8theme team,

On sliders, the main section which is appearing in the middle is always focused and in full visibility.

Is there anyway to make the next/previous sliders to appear as “faded” so the focal point stays on the middle slide?

Please see PCA for a sample

Thanks!

Please, contact administrator
for this information.

#382301 Copied Theme version: 9.3.5

3 Answers

Rose Tyler

Support staff

February 3, 2024 at 10:47

Hello, GTP,

Thank you for reaching out to us.

To assist you effectively with the custom CSS code for achieving the desired outcome, we kindly request that you provide us with the URL of the page where our theme has been implemented and the slider is in use. This will enable us to suggest the appropriate code modifications.

Thank you for your cooperation.

Best Regards,
8Theme’s Team

#382348 Copied

GTP

Participant

February 7, 2024 at 20:23

Hi Rose,

for example on this demo; https://xstore.8theme.com/elementor/demos/phone-service/

if you go towards the bottom and find the CUSTOMER TESTIMONIALS
What Our Clients Says – section.
if we were to add one more block, how can we have the 1/3 blocks faded while having the middle one be fully showing. Sorry not sure if we are using the correct terms.

thanks for your help!

#382744 Copied
Rose Tyler

Support staff

February 8, 2024 at 11:20
Hello, GTP,

We hope this message finds you well.

Please refer to the following example for your perusal: https://prnt.sc/YFze6DbRt77_
```
.swiper-slide {
    opacity: 0.35;
}
.swiper-slide-active {
    opacity: 1 !important;
}
```
Best Regards,
8Theme’s Team
#382814 Copied
Tagged: advanced wordpress features, enhancing woocommerce sliders, faded next/previous sections, slider navigation techniques, woocommerce slider customization, wordpress slider navigation, wordpress woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)