Add background colour to a particular section in home screen: Venture Theme

Store Design
1

Hi, I want to add a different light background colour to few of my sections in the home page to properly have visual segregation between the sections but I am unable to do so.

Can someone please check my website and let me know how I can do it?

Any help is highly appreciated.

Store- sohumretail.myshopify.com

Pass- Chaman@10

2

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

.custom-content.section-block {
background-color: #efecec!important;
}

Screenshot :- https://image.prntscr.com/image/PSnJ8nmgSAm28JulROrVQQ.png

1 Like
3

Hi @ZestardTech ,

I was able to edit the code to get the full width background image but it is not working for the lower section. Can you please check what should I edit?

Screenshot 2021-07-27 at 3.05.33 PM.png
Screenshot 2021-07-27 at 3.05.33 PM.png2880×1346 124 KB

1 Like
4

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

.section-block {
background-color: #f2f3f3!important;
}
1 Like
5

@ZestardTech But now the colour is appearing in a lot of different other sections too:

Screenshot 2021-07-27 at 4.02.52 PM.png
Screenshot 2021-07-27 at 4.02.52 PM.png2880×1621 251 KB

Screenshot 2021-07-27 at 4.02.43 PM.png
Screenshot 2021-07-27 at 4.02.43 PM.png2880×1640 280 KB

6

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

main#MainContent {
background-color: #f2f3f3!important;
}
1 Like
7

Hi @ZestardTech , I am still having issues with the background colour. After pasting the latest code you sent, my entire page turned into the changed background colour. I just want to add the background colour in two sections of my home page:

  1. The one with heading " Buy Luxury Linens for your Home"

  2. In the testimonial section.

  3. All the rest of the places, I want the colour to be white.

1 Like
8

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

Remove this one css

.section-block {
background-color: #f2f3f3!important;
}
main#MainContent {
background-color: #f2f3f3!important;
}

and add this one css

div#shopify-section-16273707681b8e570f .section-block {
background-color: #f2f3f3!important;
}

div#shopify-section-16273707681b8e570f .section-block.section-block--padding {
background-color: #f2f3f3!important;
}
1 Like
9

Works perfectly! Thanks for the help

1 Like
10

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.