chnage background color of half of the section

Shopify Discussion

Topic summary

A user wants to modify a Shopify section’s background color to create a split design: white from the left edge to an image, with the remaining area staying blue.

Current Issue:

  • The existing structure applies background color to the entire section
  • Need to target only the left portion for the white background

Requested Solution:

  • Another user suggests enclosing the left side content in a <div> with a specific class to enable targeted styling
  • Requests the section’s code to implement the changes

Status: Discussion remains open, awaiting code sharing to provide a specific solution for the split-background effect.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

I want to change background color of left part of the section, which from left to till image should be white and rest is blue as it is now,

url - https://e68fa2-2b.myshopify.com/pages/home-residential

hem0903_1-1734615490903.png
hem0903_1-1734615490903.png1910×632 229 KB

hem0903_0-1734615386148.png
hem0903_0-1734615386148.png1894×782 215 KB

2

The structure you have currently seem to be change background color of all section. To gave different color to the left side then gave a specific class and enclose with a div. Could you please provide me coding of this section so that I make changings in it.
Thanks