Change banner color

Technical Q&A

Topic summary

A Shopify store owner wants to change the color of two columns flanking a banner image to black.

Solution provided:

  • Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
  • Add the following CSS code:
main#MainContent {
    background: black !important;
}
  • The color value can be customized as needed

Status: Resolved. The original poster confirmed the solution worked.

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

Dear community

I would like to change the color of the 2 columns aside the picture to black. How can I do it?

Etienne2_0-1735136396852.png
Etienne2_0-1735136396852.png1858×762 102 KB

Thank you!

2

Hi @Etienne2

Please share with me the store URL so I can take a closer look :heart:

Best,

Daisy

3

Hi Daisy.

Thank you.

The URL is https://miki-travel.ch/

Thank you.

4

Hi @Etienne2

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
main#MainContent {
    background: black !important;
}

Here is the result:

image_720.png
image_720.png720×428 93 KB

Please change the color in the code with the color you want

Best,

Daisy

5

Thank you!!