Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
EAP

Create gradient background in one section

Recommended Posts

Site URL: https://bumblebee-tuba-mxmm.squarespace.com/

I am trying to change the background of the Contact Us/Book a Demo section to a gradient.  I found the section ID and have been playing around adding the below to the overall CSS with no luck.  Obviously, I'm missing something!  Any help would be appreciated!!  I'm new to Squarespace but not CSS.  Thanks in advance!

 

[data-section-id="5ed929b20cfa72666c8da860"] .section-background {
background-image: linear-gradient(to right top, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;}
 

Screenshot 2020-06-17 11.27.49.png

Share this post


Link to post
35 minutes ago, EAP said:

Site URL: https://bumblebee-tuba-mxmm.squarespace.com/

I am trying to change the background of the Contact Us/Book a Demo section to a gradient.  I found the section ID and have been playing around adding the below to the overall CSS with no luck.  Obviously, I'm missing something!  Any help would be appreciated!!  I'm new to Squarespace but not CSS.  Thanks in advance!

 

[data-section-id="5ed929b20cfa72666c8da860"] .section-background {
background-image: linear-gradient(to right top, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;}
 

Screenshot 2020-06-17 11.27.49.png

Code seem correctly to me, maybe you should try it in footer:
 

[data-section-id="5ed929b20cfa72666c8da860"] .section-background {
  background-image: -webkit-linear-gradient(bottom left, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;
  background-image: -moz-linear-gradient(bottom left, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;
  background-image: -o-linear-gradient(bottom left, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;
  background-image: linear-gradient(to top right, #c028b9, #9a21b0, #731da4, #491998, #001689) !important;
}

image.thumb.png.9a5bf78879f7bc67b45dc2824ac8cf2d.png


I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Share this post


Link to post
Posted (edited)

Hang on, it's not working.  I'm seeing the CSS on the actual page.  Did I do it wrong?

Edited by EAP

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...