CPharmacyScot Posted September 23, 2022 Share Posted September 23, 2022 Site URL: https://www.cps.scot Hello everyone, I wondered if anyone could help. I have introduced some carousels to to our homepage so that we can display the latest news and I am finding that the when we hit the arrow to display the next five articles the first article cuts off slightly and as we move through the series of reels the cut deepens. I believe this is because of the translateX property moving from 0% to -101% then -202% and so on. So my question is, can we change the translateX property? Any insight would be incredible and I thank you in advance. The Web address is https://www.cps.scot Link to comment
Ziggy Posted September 23, 2022 Share Posted September 23, 2022 Hi @CPharmacyScot, have you got some CSS to add 1% padding on the items? It looks like that might be causing the shift. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
CPharmacyScot Posted September 23, 2022 Author Share Posted September 23, 2022 32 minutes ago, Ziggy said: Hi @CPharmacyScot, have you got some CSS to add 1% padding on the items? It looks like that might be causing the shift. Hi @Ziggy, Thank you for the reply. I have set the margin to the left at 1% as it cuts off when I don't. I would like to keep the background colours etc... Is there a way of keeping the stylings now without it cutting off? Link to comment
Ziggy Posted September 23, 2022 Share Posted September 23, 2022 You will need to adjust the styling to stop it from cutting off, but that should be achievable. I'm not sure I can work out the code without being in the Custom CSS and trialing different options to fix the problem and retain the look you want. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment