How to Create a Custom Full-Width Slideshow with Fixed-Width Content (Different Layout per Slide)

Ask the community
, , ,
1

Hi everyone,

I’ve been trying to create a custom slideshow in Wix Studio, but I can’t seem to find a setup that works the way I need. My goal is to build a professional, modern slideshow where:

  • Each slide has a different layout (different background image, text, and button placement — not identical like a repeater).

  • The background image should span the full screen width, with no maximum width.

  • The content (text and button) should stay centered within a 1400px maximum content width, like the rest of the site.

  • There should be navigation dots (6 in total) and arrow buttons to move between slides manually.

I’ve tried building it using flexboxes, but I can’t get the scaling right at larger screen widths - the text and buttons don’t stay properly contained.

In the end, I just want something that looks and behaves like a professional homepage hero slideshow, with full-width images but consistent, aligned inner content.
Question:
What’s the best approach to achieve this in Wix Studio? Should I use multiple sections with code to simulate a slider, or is there a better native solution I might be missing?

Any suggestions, examples, or workarounds would be greatly appreciated - I’m honestly surprised Wix doesn’t have a ready-made component for this type of slideshow since I would think it is a common desire for a website.

Thanks in advance for your help!

1 Like
2

Use Flexbox instead of slideshow repeater, if you want more control use Multi State Box(it needs some coding).

For fixed size use PX scale in the advance size settings, buy I will recomment using % or vw instead.

1 Like