moonlitdesign Posted February 29 Share Posted February 29 hi there! i would like to remove the padding at the top of the marquee scrolling text so that it sits flush to the top of the section. I've tried everything i can think of with no avail. thanks!! Link to comment
melody495 Posted February 29 Share Posted February 29 Hi @moonlitdesign please share the page url where this marquee is used -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Website Developer e: melody@melodylee.tech 💻 Can't figure something out and want to learn? 💁♀️ 1-2-1 Squarespace session 👩💻 Need some customisation for a design? 💁♀️ Custom Code help ☕ Did I help? 💁♀️ I like coffee (Thank you) Link to comment
moonlitdesign Posted February 29 Author Share Posted February 29 Just now, melody495 said: Hi @moonlitdesign please share the page url where this marquee is used www.moonlitdesign.uk/home-old Link to comment
melody495 Posted February 29 Share Posted February 29 Try this in your Custom CSS. .Marquee-svg { transform: none; } Let me know how it goes. Might need to add !important. When you say remove padding, assuming something like this? Rather than having the top of the text touching the border? -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Website Developer e: melody@melodylee.tech 💻 Can't figure something out and want to learn? 💁♀️ 1-2-1 Squarespace session 👩💻 Need some customisation for a design? 💁♀️ Custom Code help ☕ Did I help? 💁♀️ I like coffee (Thank you) Link to comment
moonlitdesign Posted February 29 Author Share Posted February 29 14 minutes ago, melody495 said: Try this in your Custom CSS. .Marquee-svg { transform: none; } Let me know how it goes. Might need to add !important. When you say remove padding, assuming something like this? Rather than having the top of the text touching the border? hey lovely thank you for replying and taking the time to do that, it nudged it up slightly but didn't make it completely flushed, is there anything else i can try? xx Link to comment
melody495 Posted February 29 Share Posted February 29 (edited) 2 minutes ago, moonlitdesign said: hey lovely thank you for replying and taking the time to do that, it nudged it up slightly but didn't make it completely flushed, is there anything else i can try? xx You want the top of the text touching the border between the coloured sections? Edited February 29 by melody495 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Website Developer e: melody@melodylee.tech 💻 Can't figure something out and want to learn? 💁♀️ 1-2-1 Squarespace session 👩💻 Need some customisation for a design? 💁♀️ Custom Code help ☕ Did I help? 💁♀️ I like coffee (Thank you) Link to comment
moonlitdesign Posted February 29 Author Share Posted February 29 2 minutes ago, melody495 said: You want the top of the text touching the border between the coloured sections? yes, no gap at all between the scrolling text and the top of the section Link to comment
Solution melody495 Posted February 29 Solution Share Posted February 29 2 minutes ago, moonlitdesign said: yes, no gap at all between the scrolling text and the top of the section You can play around with this number! Although I wouldn't recommend less than 1, as for certain screen sizes it might clip. This line basically says to set the line-height to be a multiple of 1 of the font-size. .Marquee h1 { line-height: 1!important; } Let me know how it goes! -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Website Developer e: melody@melodylee.tech 💻 Can't figure something out and want to learn? 💁♀️ 1-2-1 Squarespace session 👩💻 Need some customisation for a design? 💁♀️ Custom Code help ☕ Did I help? 💁♀️ I like coffee (Thank you) Link to comment
moonlitdesign Posted March 1 Author Share Posted March 1 I swear I tried that haha nevermind, it worked amazing thank you so much!!! Link to comment
melody495 Posted March 1 Share Posted March 1 Happy to help, glad it's all working for you! moonlitdesign 1 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Website Developer e: melody@melodylee.tech 💻 Can't figure something out and want to learn? 💁♀️ 1-2-1 Squarespace session 👩💻 Need some customisation for a design? 💁♀️ Custom Code help ☕ Did I help? 💁♀️ I like coffee (Thank you) 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