Changing background colour of section - debut theme

[ZaDu]

how do I change background colour of my featured collection section on debut theme, without changing rest of the store?

[ZestardTech]

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-grid-item__title-wrapper::before {background-color: #fff !important; opacity: 0.1 !important;}

[tolinkit]

I want to change the background color of the navigation, how?

[dmwwebartisan · Accepted solution]

@ZaDu 

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

#shopify-section-featured-collections{background: #000;}

Hope this works.

Thanks!

[ZaDu]

That worked thank you so much. Also how do I now change the text colour for that section as well?

[dmwwebartisan]

@ZaDu 

You can use the following code to change the color and background both.

#shopify-section-featured-collections{background: #000; color: #fff;}

You can change the above colors as per your need.

Thanks! 

[ZaDu]

 Where it says 'Creative Transparent LED Night Light', I want to change the colour of this text. What is the coding to change it? 

[dmwwebartisan]

@ZaDu 

If you provide me your URL, that will be helpful.

Thanks!

[ZaDu]

https://zadu-online.myshopify.com/admin/themes/118796157102/editor?section=featured-collections

[dmwwebartisan]

@ZaDu 

Thanks for the URL but this is asking password. Please provide password or give preview URL.

[ZaDu]

Oh sorry, the password is Spike123

[dmwwebartisan]

@ZaDu 

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

#shopify-section-featured-collections .grid-view-item__title{
color: #fff !important;
}

Hope this helps.

Thanks! 

[ZaDu]

It worked! 

Thankyou so much

[ZaDu]

Hello again. Ive decided to add another featured collection section onto my page and want to change background colour and text colour again. I tried the previous code you showed me for the other featured collection but it doesn't work. Can you provide with the right code to do this please? My store password is Spike123

[tolinkit]

What can I add if I want to change the background color of the nagation on the header? Thanks

[mariatsirlina]

Hi! Would you please be able to help me with a similar request? I need to change the background colour of the logo bar section to #b47557

Thank you!

[mariatsirlina]

Actually, I just figured it out! Thank you! 🙂