Jump to content

How to code a gradient in one section and spills over to the other section in CSS

Recommended Posts

Site: https://www.uarizonasme.com/

Password: squash

I'm trying to apply a code to the CSS so I can get a gradient between two different colors: #049c4c and #043c64. (I'm using verion 7.1). This is the code I have so far: 

section, section .section-background, #header {
  background-color: #043c64 !important; 
}
.bright-inverse:not(.has-background) .section-background {
  background: #049c4c;
}

The code is applying to all the sections (not including the header), but I just want apply the gradient between these two sections:

new.PNG

Link to comment
  • Replies 3
  • Views 561
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@tuanphan i made the corrections, but it does not do what i want exactly. where did i go wrong?

my code is:

section, section .section-background, #header {
  background-color: #043c64 !important; 
}
section[data-section-id="64aeeb5a21058b1d524bf2c5"], section[data-section-id="64aeeb5a21058b1d524bf2c8"] {
  background: #049c4c;
}

new1.PNG

Edited by reyclark
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.