Venture Theme: How To Add Background Colour on "Newsletter" and "Rich Text" sections on homepage

Solved
Tourist
12 0 0

I would like to add light colour to the background (currently white) for Newsletter and Rich Text sections on my homepage. This is to clearly mark the transition between sections.

The website is here and store password is: ocinuj

Would someone suggest how I can do this please? Grateful for the help.

Capture.PNG

0 Likes

This is an accepted solution.

Hello jkids,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-1598359886558 {
    background-color: #bfe6e6;
}
#shopify-section-1598359886558 .section-block.section-block--padding.grid.grid--no-gutters {
    background-color: #bfe6e6;
}
#shopify-section-1595989487042 {
    background-color: #bfe6e6;
}

#shopify-section-1595989487042 .section-block.section-block--padding {
    background-color: #bfe6e6;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Tourist
12 0 0

It worked like a charm. Thank you!

0 Likes
New Member
1 0 0

Hi, when I do this it only changes the background colour behind the newsletter. How do I change the font and background colour of the item itself? I've attached a screen shot and my URL is https://move-coalition.myshopify.com

 

This is the code I added to the theme.scss file:

div#shopify-section-1602605088e667e92e {
background-color: black;
padding-bottom: 55px;
padding-top: 55px;

 

mScreen Shot 2020-11-24 at 4.40.43 PM.png

0 Likes

Hello Jsnleroux,
Your site is password protected. Please share your store password.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes