Jump to content

Add Background Image to Footer

Recommended Posts

  • Replies 2
  • Views 9.2k
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

footer#footer {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2020_02/Newman.thumb.jpg.7b9c63815001d8f440820ca6c2990f43.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

 

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
3 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


footer#footer {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2020_02/Newman.thumb.jpg.7b9c63815001d8f440820ca6c2990f43.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

 

Amazing, it worked thank you so much! Is there a way to add a green filter on top so the photo shows through ? I am not sure this is what we want (it looks great right now) but did want to try it out.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.