How can I change the background color of a main page section?

[Alexander_Waino]

Hi Community,

I want to change the background color of a section on the main page. I already searched the forum for answers and tried to change the custom.css with suggested solutions - and it did not work. The name of the store is themushroomelixir.de

/*FAQ background main page*/
div#shopify-section-162208888668405d6d {
    background-color: black;
}

[niraj_patel]

Hello @Alexander_Waino
Can you share page URL?

[Alexander_Waino]

https://www.themushroomelixir.de/

[Alexander_Waino]

[Sweet_Savior_3]

Hello @Alexander_Waino

Please use the below CSS in theme.css

.template-index .faq.index-section {
background: gray;
}

Change the color of your choice and Save.

Thanks

[niraj_patel]

@Alexander_Waino

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.faq.index-section { background: #000 !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[PageFly-Theodor]

Hi @Alexander_Waino

This is Theodore 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

Hope this can help you solve the issue

Best regards,

Theodore | PageFly