Change the background color of the featured collection in debut theme

Store Design
1

Hi,

I want to be able to change the color of the background of the featured collection in the debut theme. Could you help me out?

2

Try adding this code to the very bottom of theme.css

#shopify-section-feature-row {
  background-color: #777;
}

For example purposes, I’ve set it to a grey color.

3

I have added the code but it doesn’t seem to be working. The background of the featured collection is the same as the color I selected in theme settings>color>page>background.

4

Hi, it didnt work. I still have the same problem.

5

@mondaymoose

Please share your store URL.

6

Its an unpublished webpage, how can I send it to you?

7

hii, @mondaymoose
Paste this code on the top of theme.scss file.

.template-product {
    background-color: aqua !important;
}

#shopify-section-featured-collections {
    background-color: aqua !important;
}

Thank You.

8

HI @mondaymoose ,

You can share the preview URL if the theme is under development.

9

yes this is the link: https://87uj6m8m3r6woh5b-59194146995.shopifypreview.com

I want the featured collection and testimonials sections to be white color background

10

hello can you please share screenshot to which section add background

11

yes this two sections

collection.png
collection.png2212×838 214 KB

testimonials.png
testimonials.png2220×684 37.4 KB

12

hello @mondaymoose

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-16297696921f1118cc {
    background-color: #c5c59e !important;
}

#shopify-section-1628221463afdf7493{
 background-color: #c5c59e !important;
}
13

@mondaymoose

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-16297696921f1118cc {
    background-color: #c5c59e !important;
}

#shopify-section-1628221463afdf7493{
 background-color: #c5c59e !important;
}

Thanks!