Jump to content

Make background two different colors on top and bottom

Go to solution Solved by LittleEmbers,

Recommended Posts

Site URL: http://www.littleemberslearning.co

@tuanphan

I am trying to make a two-toned background on a specific page using SquareSpace 7.1. I can't seem to target the right element. It works ok on desktop but not on mobile. It seems like it's not targeting the entire background. Here is the code I'm using:

/*Background half color*/
div#page-section-5ebb04baaf3da51700fbbdba{
  background: linear-gradient(0deg, #264a53 60%, #fff 40%);
}
@media only screen and (max-width: 640px){
div#page-section-5ebb04baaf3da51700fbbdba {
  background: linear-gradient(0deg, #264a53 80%, #fff 20%);
}
}

Any help would be appreciated! 

mobile-little-embers.jpg

Edited by LittleEmbers
Link to comment

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 5/27/2020 at 9:38 AM, LittleEmbers said:

I want the top half of my home page body section to be white. I want the bottom half of the body section to be #264a53. If you look on mobile, it's not targeting the entire body section.

Hi. Did you solve?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.