kait330 Posted March 1, 2023 Share Posted March 1, 2023 I want to make the font size of the banner headers on the following links to 70px on MOBILE. 1) https://www.ilikestorytelling.com/mindful-marketing-retreats 2) https://www.ilikestorytelling.com/webinar-resources 3) https://www.ilikestorytelling.com/about Tried the following code, but it only worked on some of the pages of my website: @media screen and (max-width:640px) { #mindful-marketing-retreats .banner-thumbnail-wrapper.has-description .desc-wrapper p>strong { font-size: 60px; } } If anyone has any guidance, it would be greatly appreciated! Link to comment
Solution Ziggy Posted March 1, 2023 Solution Share Posted March 1, 2023 Try this CSS update: @media screen and (max-width:640px) { #collection-60fb5168159fcd5b1a3ae0ff, #collection-63d80cd9ee3d1e2a78d0a734, #collection-61b7e2390a54b025c26694e4 { .desc-wrapper p>strong { font-size: 60px; } } } It's using the page collection IDs to target the CSS to each page. https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox 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