Jump to content

Help with changing background color of scrolling

By qiqi, in Fonts, colors and images

Go to solution Solved by tuanphan,

Recommended Posts

qiqi Level 4

qiqi

Posted
Posted (edited)

 

Hi everyone!

I'm stuck on how to change the background color of the scrolling text on my website's footer! I've looked everywhere and followed the directions I've found and still I can't figure out how. What I want to have is the image below. Another thing is I only want to change the color of the scrolling text to white and add a blue background in the footer while keeping the other scrolling texts in their original blue color. Any help is greatly appreciated!

image.png.aba9b3b1cdd1ceb40d3d035a701322af.png

Edited by qiqi
Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

Add to Design > Custom CSS /* Footer scroll block color */ div#block-yui_3_17_2_1_1677901430338_4190 { background-color: #1f358e; } div#block-yui_3_17_2_1_1677901430338_4190 * { color: w

Posted Images

  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted

Add to Design > Custom CSS 

/* Footer scroll block color */
div#block-yui_3_17_2_1_1677901430338_4190 {
    background-color: #1f358e;
}
div#block-yui_3_17_2_1_1677901430338_4190 * {
    color: white !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
Nick_SquareKicker Level 9

Nick_SquareKicker

Posted
Posted

Hi @qiqi,


An easy way to customise your Scrolling Block without needing code is using SquareKicker. You can customise the text and color of your block with only a couple clicks. You can also adjust the hover color of this block. 
 

Here is a little sample of this in a SquareKicker Instagram Reel: 

https://www.instagram.com/reel/CybcNt6CkpM/?igsh=MWpnanB3bXZzZXJuNA==

SquareKicker

Hi, I'm Nick, CEO & Co-Founder at squarekicker.com.  Take your Squarespace sites to the next level with SquareKicker's No-Code Design & Animation Extension. Break free from templates & complex code and start building unique websites that you are proud to show your clients without ever having to write a single line of code. 

Design Extension  ●  Templates  ●  News  ●  Inspiration  ●  Tutorials  ●  Resources

 

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources