Styling Inline Slider (within a Stacked Slider)

Hello, I’m wondering if the slider style I’m trying to achieve is possible. Right now this is what my set up looks like: https://share.zight.com/ApumYO8y , this is the outline: https://share.zight.com/rRuDGLqR . I want it to look like this: https://share.zight.com/6quo8L7Y , a carousel that spreads across the page. Unfortunately the usual settings are not working. Your help is greatly appreciated, thank you.

Hello @Developnow,

Thanks for writing in! You should be able to have a carousel inside a slide. Have you enabled the Carousel option? We would love to check your slider settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

image

Best Regards.

Hello, I just left a secure note above for review. Thank you for your help.

Hello @Developnow,

The Carousel slides are not showing when not active because there is a custom CSS from the Integrity stack that sets the opacity to 0. Adding an inline CSS to the container should resolve the issue.

$el .x-slide-container.is-stacked .x-slide:not([class*=x-effect-e]), 
$el .x-slide-container.is-stacked .x-slide.x-effect-opacity {
    opacity: 1 !important;
}

The code above serves as an example code to override the opacity of the not active slides. Feel free to modify it when needed. Please note that custom coding is beyond the scope of our support. You must maintain any custom coding to ensure it will still work after any updates or does not create any issues or incompatibility in the future.

Kindly let us know how it goes.

Thank you so much!

You are most welcome, @Developnow.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.