vk2020 Posted April 3, 2023 Share Posted April 3, 2023 Hey everyone Just wondering if any knows how to increase the padding around the text so the text is not touching the purple background. Essentially I want to increase the size of the purple background. This text has been done using the highlight feature I have tried using CSS and doesn't seem to do much apart from move the text to the right only. Any help would be greatly appreciated Thank You Link to comment
Ziggy Posted April 3, 2023 Share Posted April 3, 2023 You can try this Custom CSS, it will apply to all highlights you have on your website: .TextShape-node { font-size:3rem !important; } Adjust the 3rem if you want it bigger or smaller. Catherina 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! 📈 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
vk2020 Posted April 3, 2023 Author Share Posted April 3, 2023 11 hours ago, Ziggy said: You can try this Custom CSS, it will apply to all highlights you have on your website: .TextShape-node { font-size:3rem !important; } Adjust the 3rem if you want it bigger or smaller. That worked in a way! Thank you! 🙏 Is there a way to adjust the top and bottom separately to the sides? This method adjusts every side so the highlight border touches the other letters. Link to comment
Ziggy Posted April 4, 2023 Share Posted April 4, 2023 11 hours ago, vk2020 said: Is there a way to adjust the top and bottom separately to the sides? Not that I've found. I would try adjusting the 3rem to a value a little smaller to see if that helps. vk2020 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! 📈 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
ebonncharles Posted April 2 Share Posted April 2 (edited) .TextShape-node { font-size:4.5rem !important; } #block-53d1530ccf562844fc87 h1 { line-height: 1.8em !important; font-size: 2.5em; } Then add margin-top: -10px; Your welcome 😀 Edited April 2 by ebonncharles 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