Change background colour of section

Solved
Highlighted
New Member
7 0 0

I want to change the background of two sections on my homepage. There is no guide for the Venture theme on how to do it. Can somebody help me doing it? The sections are: Testimonial and the Rich Text

 

Website: Onlinesurvivalshop.com

0 Likes
Highlighted
Shopify Partner
190 38 39

It is only possible by CSS and have to create setting in admin dashboard within sections to choose colors.

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: technicalvishvas@gmail.com
0 Likes
Highlighted
Shopify Partner
266 26 42

Hi, @SW6

Do you want to be able to customize the colors? or you just want to change it once?
The URL you provide isn't a Shopify store.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
New Member
7 0 0

I want to change it once to light grey. Oh my bad: online-survival-shop.myshopify.com

0 Likes
Highlighted
Shopify Partner
266 26 42

Thank you, we review it and if we sent you a CSS code it will not work anymore if you make changes on your sections. We can help you with this task if you want we can send you an invitation to your Shopify as a collaborator then we can customize it for you.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
New Member
7 0 0

Okay, I can try adding the CSS myself :)

0 Likes
Highlighted
Shopify Partner
266 26 42

This is an accepted solution.

Go to themes-> edit code, at the sidebar scroll down and you will find the assets/theme.scss, paste the code below at the  bottom of the file:

/* richt text */
div#shopify-section-1584104623209 {
    background-color: red;
}

div#shopify-section-1584104623209 .section-block.section-block--padding.grid.grid--no-gutters {
    background-color: red;
}

/* testimonials */
div#shopify-section-1584104599602 {
    background-color: blue;
}

#shopify-section-1584104599602 .section-block.section-block--padding {
    background-color: blue;
}

You can change blue and red with the color you want. If helpful please like and mark as a solution.

Best regards.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
1 Like
Highlighted
New Member
7 0 0

Thank you so much!

0 Likes
Highlighted
New Member
6 0 0

I have a similar problem. I'd like to change the back ground color of the image + text section. Can you help me with the code as well?

 

https://w70afbrxf1wcglzb-36567777339.shopifypreview.com

0 Likes
Highlighted
Shopify Partner
266 26 42

Hi, @JuliannaMarie

We noticed you already have the "image with text" section with a custom background; if not please add that section to inspect it.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes