Jump to content

remove / reduce padding at the top of the marquee scrolling text

Go to solution Solved by melody495,

Recommended Posts

  • Replies 9
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

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


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment

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?

image.thumb.png.8047b9d9632e4d59b1ee06a33d05dfd2.png

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment
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?

image.thumb.png.8047b9d9632e4d59b1ee06a33d05dfd2.png

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
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 by melody495

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment
  • Solution
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


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment

Happy to help, glad it's all working for you!

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.