CMS slide keeps automatically growing in size

My finsweet slider automatically gows in size and doesn’t stop.

Here a screen recording to show what I’m talking about:

when i load my page and i scrool down to the SMS slider it keeps increase in size and doesn’t stop

Hey @yawafful! The issue seems to be coming from the class container-17 by using max-width: none.

Could you please remove the width and max-width styles and test on your end?

Thanks it has stoppped growing but now it doesn’t show up at all, I have images on the slider and it doen’t want to show: here is the link Login - Webflow

Hey @yawafful, I believe you shared the designer link, not the read-only link. Can you please re-share?

sure here: https://offbeat-creative.webflow.io/

so on the moblie the CMS slider is there but in the desktop its doing that weird thing

Hey @yawafful! I am noticing that Swiper is overriding the 33.33% width with a huge number

This is also true for the mobile breakpoint but with a much lower value.

I’ve managed to fix this by adding !important to the width value like in the image below.

However if you’d like me to look for another alternative, as I believe this is a styling issue, please share a read-only link. I’m afraid you’ve been sharing links to the designer view which I can not access.

Here is the guide on how to do this →

Thanks you so much for all your help, here is the read-only link:
https://preview.webflow.com/preview/offbeat-creative?utm_medium=preview_link&utm_source=designer&utm_content=offbeat-creative&preview=606209079a85e219cb1ba4e9d43d42b1&pageId=66fa856664e970832e1b2dd7&locale=en&workflow=preview

Also, how do add this in webflow “!important” ?

You can add it in the custom properties section of the style panel!

Would you like to give this a try?

Yess! thats works!! Thank you so much

1 Like

Great to hear! Please let me know if there is anything else I can help you with!

so It is now appearing but on moblie and the other break points its squeezing 3 slides at once. I have tried removing the code on the other breakpoints but its still doing this.

It looks like its still not working properly on the breakpoints pasted the desktop.

Hey @yawafful! Apologies, something I did not take into consideration is how the width: 33% !important style might affect lower breakpoints. This style is still being applied when we go to the lower breakpoints.

A fix for this is to edit the custom property directly on Webflow, on the lower breakpoint change it from 33% to 100%

It should look like this after the changes.