How to change background color of one individual section?

Solved
Highlighted
Excursionist
13 0 1

Is there any way I can change the background color of only the Custom Content section of my website? I am using the debut theme and am new to coding on Shopify - so any help would be greatly, greatly appreciated!

0 Likes
Highlighted
Shopify Partner
1023 214 463

@mrmrssocks 

 

Send me your store URL and let me know for which section would you like to change background color?

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Excursionist
13 0 1

mrmrssocks.com

password is theisk

0 Likes
Highlighted
Shopify Partner
1023 214 463

@mrmrssocks 

 

For which section would you like to change background color? send me the screenshot

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Excursionist
13 0 1

Oh, sorry! I should have mentioned hahaha

I am trying to change the color of the section with One-A-Month! to a light cyan colour.

Thank you :)

0 Likes
Highlighted
Excursionist
13 0 1

vll,.png

0 Likes
Highlighted
Shopify Partner
1023 214 463

This is an accepted solution.

@mrmrssocks 

 

Go to the Assets > theme.scss.liquid file and add following code at the end of file:

div#shopify-section-1588594264165 { background-color: #e0ffff; }

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Excursionist
13 0 1

Thank you so much!

0 Likes
Highlighted
Excursionist
13 0 1

 

 

Just one more thing... Is it possible to extend this up to the header bar? I appreciate you making it work a lot, just wondering if I'm able to extend the cyan colour up to the header.s.png

0 Likes
Highlighted
Shopify Partner
1023 214 463

This is an accepted solution.

@mrmrssocks 

 

Replace old code with the following:

div#shopify-section-1588594264165 {
    background-color: #e0ffff;
    padding-top: 55px;
    margin-top: -55px;
}

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes