ryanbrinkerhoff Posted December 16, 2023 Share Posted December 16, 2023 (edited) https://www.grdowntownmarket.com/ Site password: Market1234 I'm trying to center the homepage slide show text and button for tablet and mobile, but here's the catch: I want it centered as soon as it snaps to the tablet width and stay centered the entire time you continue to resize your browser window. Any help would be appreciated! Edited December 18, 2023 by ryanbrinkerhoff Link to comment
Ziggy Posted December 18, 2023 Share Posted December 18, 2023 Can you share your website URL and the page this gallery is on? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
ryanbrinkerhoff Posted December 18, 2023 Author Share Posted December 18, 2023 @Ziggy Added to the original post! Thanks! Ziggy 1 Link to comment
Ziggy Posted December 18, 2023 Share Posted December 18, 2023 @media only screen and (max-width:900px) { .slide-content { margin-left: auto !important; margin-right: auto !important; } .user-items-list-banner-slideshow[data-title-alignment="left"] .list-item-content__title, .user-items-list-banner-slideshow[data-button-alignment="left"] .list-item-content__button-container { text-align:left !important; } } Let me know how that goes. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
ryanbrinkerhoff Posted December 18, 2023 Author Share Posted December 18, 2023 @Ziggy Close but it's still off. Trying to have the text container and button centered in the window at all times other than desktop view. I appreciate your help! Link to comment
Solution Ziggy Posted December 18, 2023 Solution Share Posted December 18, 2023 Here's a tweak: @media only screen and (max-width:900px) { .slide-content, .slide-content .list-item-card-background { margin-left: auto !important; margin-right: auto !important; } .user-items-list-banner-slideshow[data-title-alignment="left"] .list-item-content__title, .user-items-list-banner-slideshow[data-button-alignment="left"] .list-item-content__button-container, .list-item-content__title, .list-item-content__button-container { text-align:center !important; } } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
ryanbrinkerhoff Posted December 18, 2023 Author Share Posted December 18, 2023 @Ziggy Things are still off-center. Any idea why? desktop (good), tablet, and mobile screenshots are attached! Link to comment
Ziggy Posted December 18, 2023 Share Posted December 18, 2023 That's really strange, it doesn't seem to be accepting the CSS correctly, and I'm not sure why. Do you have other CSS in your Custom CSS that might be affecting this? ryanbrinkerhoff 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
ryanbrinkerhoff Posted December 18, 2023 Author Share Posted December 18, 2023 @Ziggy I have a TON of custom CSS going on so I will take a look and see if there are conflicts! Thanks! Link to comment
ryanbrinkerhoff Posted December 18, 2023 Author Share Posted December 18, 2023 @Ziggy I think I figured it out! Thanks for all your help! Ziggy 1 Link to comment
sunicreative Posted yesterday at 03:11 PM Share Posted yesterday at 03:11 PM Can you share your fix? I'm having what I believe to be a similar issue. Using the updated code above, this is how mine is looking (attached). 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