Change background color of different sections in Debut theme

[chaman]

Website https://chaman-tienda.myshopify.com/

password homedev@091421

Hi, I would like to change the background color on Featured Collections (called Store / Tiende)

I tried adding the following to theme.css but it isn't working and I can't find the section id in settings_data.json

#shopify-section-feature-columns {
    background-color: #009d94 !important;
  h2, h3, p {color: #fdde00;
}

#shopify-section-16317740379738394c {
    background-color: #009d94 !important;
  h2, h3, p {color: #fdde00;
}

Thanks!

[LitExtension · Accepted solution]

Hi @chaman,

Please change  the code as below:

#shopify-section-collection{
background-color: #009d94 !important;
}
#shopify-section-collection h2,
#shopify-section-collection h3,
#shopify-section-collection p{
color: #fdde00 !important;
}

Hope it helps!

If you find my answer helpful for you, please mark it as a solution. Thank you and good luck.

[chaman]

I also want to change the font color fo the headers but that isn't working on either of the sections.

[LitExtension · Accepted solution]

Hi @chaman,

Please change  the code as below:

#shopify-section-collection{
background-color: #009d94 !important;
}
#shopify-section-collection h2,
#shopify-section-collection h3,
#shopify-section-collection p{
color: #fdde00 !important;
}

Hope it helps!

If you find my answer helpful for you, please mark it as a solution. Thank you and good luck.

[Kinjaldavra · Accepted solution]

hello @chaman 

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-collection{
background-color: #009d94 !important;
}
#shopify-section-collection h2,#shopify-section-collection h3,#shopify-section-collection p{
color: #fdde00 !important;
}

[chaman]

Thanks everyone. That worked!