Change background color of different sections in Debut theme

Solved
chaman
New Member
9 0 0

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!

 

Accepted Solutions (2)

Accepted Solutions
LitExtension
Shopify Partner
4819 988 1017

This is an 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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Kinjaldavra
Shopify Partner
2302 569 1409

This is an 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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp

View solution in original post

Replies 4 (4)
chaman
New Member
9 0 0

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

LitExtension
Shopify Partner
4819 988 1017

This is an 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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Kinjaldavra
Shopify Partner
2302 569 1409

This is an 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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
chaman
New Member
9 0 0

Thanks everyone. That worked!