Changing section background colour

Store Design

Topic summary

A user seeks to change the background color of a specific section on their Shopify store to gold. They provided a screenshot showing the target section.

Solutions Offered:

  • Moeed suggested adding custom CSS code to the theme.liquid file, above the </body> tag, targeting the specific section ID with the desired background color.

  • Mehran_Ali recommended inserting CSS into theme.css or base.css files, targeting the section #shopify-section-template--17093959876747__index_image_with_text_tEynfw with a customizable background color value.

  • PageFly-Richard proposed adding CSS code to theme.liquid above the </head> tag, specifying background-color as #ECBB27 with !important flag.

Current Status:

The user attempted one solution by pasting code into a draft theme file but reported it didn’t work. They shared a screenshot of their implementation and requested further assistance, including a potential collaborator code check to diagnose the issue. The discussion remains open with no confirmed resolution.

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

Hello,

Hope you’re well, I would like to change the background of only the section which I have attached as a screenshot to a gold colour?

Is this possible?

My website: altitudesupplements.com

Thanks,

2

Section.PNG
Section.PNG1693×653 133 KB

1 Like
3

Hey @teebey

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1732898788244.png
Moeed_0-1732898788244.png1287×653 220 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Hi @teebey

You need to follow these steps:

  1. Go to the Online Store
  2. Edit Code
  3. Find theme.css / base.css

And past that CSS Code:

#shopify-section-template--17093959876747__index_image_with_text_tEynfw {
    background: white;
}

NOTE: Just change the color name whatever you want to add as bthe ackground color

I hope this solution works for you!
If it does, please Like It and Mark It As A Solution, or support me by Buying Me A Coffee to keep me going!

5

I have copy and pasted like this into the file of a draft theme but it has not worked.

Thanks,

Capture.PNG
Capture.PNG795×290 9.15 KB

6

Hi @teebey

It seem to be Okay if you can share your collaboration code so I can check and let you know the actual issue

7

Hi Moeed, hope you’re well. Can you please check my reply below? This has not worked

8

Hi @teebey

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the 

<style>
#shopify-section-template--17165565362315__index_image_with_text_tEynfw {
    background-color: #ECBB27 !important;
}
</style>

Hope this can help you solve the issue

Best regards,

Richard | PageFly