Need help changing background color on one section of home page.

Solved
annettewood1
New Member
4 0 0

Hi! Can someone please help me change the background color of the text columns with images section on my home page to black?

Using Debutify.

https://rackthis.myshopify.com/ Thank you!!!

Annette

0 Likes
Pallavi
Shopify Expert
1269 174 209

Hello There,

Please share your store password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes

Hello,
Please share the screenshot of which section background color you want to change.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
annettewood1
New Member
4 0 0

Thanks so much for your reply. Here is the screenrackthis.jpgshot - I would like the background behind the 3 images that is currently white to be black.

Thanks!

0 Likes

This is an accepted solution.

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

#shopify-section-161548487593853ad7 {
    background-color: #000 !important;
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Pallavi
Shopify Expert
1269 174 209

This is an accepted solution.

Hello There,

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

#shopify-section-161548487593853ad7 {
background-color: #000 !important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
LitExtension
Shopify Partner
656 67 119

Hi @annettewood1

Hope you are doing well. In this case, you need to specify this section. And add a private class for these sections to avoid when you're deleted and add this section again. ID on this section will changed.

The section schema has the "class" propriety. You can find your section and add the custom class there:

Example:

{% schema %}

  {

    "name": "Your section name",

    "class": "shopify-section--your-class",

    ...

  }

{% endschema %}

- Please place this code at the end of the "theme.scss" file.

.shopify-section.shopify-section--your-class {

  background: blue;

}

- Hope this helps. In case you can not do that, you can add me as a staff, I'll check it for you (my email: jones.evan137@gmail.com). 

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
annettewood1
New Member
4 0 0

awesome - thank you so much!!!

0 Likes
annettewood1
New Member
4 0 0

thank you so much!!!

0 Likes
Pallavi
Shopify Expert
1269 174 209

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes