Is there a way to have a background with two colors?

Site URL: https://earthworm-helicon-x36b.squarespace.com/config/design/custom-css

site pw: 123

I am trying to create the picture below on my Squarespace site. My issue is that when I use an image as a background the text becomes white on the section I'd like for it to stay black on. Is there a way to custom code to either maybe have the right section be a custom code block with no margins to achieve the same effects?

Thanks so much,

Zach

22 hours ago, zs366a said:

Site URL: https://earthworm-helicon-x36b.squarespace.com/config/design/custom-css

site pw: 123

I am trying to create the picture below on my Squarespace site. My issue is that when I use an image as a background the text becomes white on the section I'd like for it to stay black on. Is there a way to custom code to either maybe have the right section be a custom code block with no margins to achieve the same effects?

Thanks so much,

Zach

Hi,

You can try adding to Home > Design > Custom Css

section[data-section-id="6193e6c4fc947726e0868b56"] .section-background img {
  display: none;
}

section[data-section-id="6193e6c4fc947726e0868b56"] .section-background {
  background: linear-gradient(to right, #000 50%, #0062d1 50%);
}

section[data-section-id="6193e6c4fc947726e0868b56"] .sqs-block-content * {
  color: #fff !important;
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

My testing result

I've figure out that the reason you can not set background color is the img in section background already has the white and blue color. 

Therefore i remove the img and add background color for section background