Change background color of Liquid (like quote section)

Solved
Highlighted
Tourist
5 0 3

Hello Everybody,

 

I'm happy with the edits I already did, but I want to "break" the -too-much- white on my frontpage.

How do I change the background color of a section (quotes) on the homepage in debut theme?

www.macmilano.com

 

When I change the CSS and the liquid div page-width I can change the color of this DIV (blue one) but I want to change the color of the whole section (blue + green). How do you do it?

 

I tried to find in earlier discussion a solution but didn't find anything which match my problem with this theme.

 

 

Schermafbeelding 2020-05-09 om 12.21.27.png

 

Thank you very much

 

Jens

1 Like
Highlighted
Shopify Partner
3167 696 842

This is an accepted solution.

Hey there,

 

Please add following css in theme.scss.liquid.

div#shopify-section-1587307300277 {
    background: #ededed;
}

You can change background color further.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Shopify Partner
9252 1179 3248

This is an accepted solution.

Hello, @jensbaert 

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

div#shopify-section-1587307300277 {
    background: linear-gradient(0deg, rgba(33,150,243,1) 0%, rgba(76,175,80,1) 100%);
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
5 0 3

thanks alot! fixed!

1 Like
Highlighted
New Member
2 0 0

What about changing the color of just the quotes icons. I have an asset file (wood background) I want to use! www.famousbobbys.com is the site.

0 Likes
Highlighted
Shopify Partner
9252 1179 3248

@Dawn20 

Thanks 

can you please add this code

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

.icon.icon-quote {color: red; } /* change color as you like */

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
2 0 0
Hi there , Thank-you! I am trying to use an asset image. This does not work:

.icon.icon-quote {color: url({{ '1614311_2.jpg' | asset_url }}) !important;
} /* change color as you like */

Help!! lol

#- Please type your reply this line -##
0 Likes
Highlighted
Shopify Partner
9252 1179 3248

@Dawn20 

Thanks for update 

sorry your have wrong code can you please add color code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes