Changing background colour of section - debut theme

Solved
ZaDu
Excursionist
45 0 13

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

0 Likes
Pallavi
Shopify Expert
778 102 115

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;}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
4552 1022 1320

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

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
ZaDu
Excursionist
45 0 13

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

dmwwebartisan
Shopify Partner
4552 1022 1320

@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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
ZaDu
Excursionist
45 0 13

Screen Shot 2021-02-10 at 3.09.04 pm.png

 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
Shopify Partner
4552 1022 1320

@ZaDu 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
4552 1022 1320

@ZaDu 

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

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
ZaDu
Excursionist
45 0 13

Oh sorry, the password is Spike123