Need Help Changing Background Color of Rich Text Section - Responsive Theme

Solved
RM00316
New Member
4 0 0

I've added a rich text section to my store homepage and I'd like to change the background color to black. The Responsive theme doesn't offer built-in functionality for changing just this section and I have zero knowledge of custom coding. Can someone please provide some guidance on how I can make this change manually? Any help would be greatly appreciated!!

0 Likes
Natztech
Shopify Partner
1436 404 960

hello @RM00316 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
RM00316
New Member
4 0 0

Website is ellovatestore.com and PW should be paga2388. Just and FYI - I’m still in the middle of building the website so it’s still very bare right now. Thanks and look forward to your response!

0 Likes

@RM00316 

Kindly send a screenshot of the section you wish to change the background color.

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
RM00316
New Member
4 0 0

RM00316_0-1625012328276.png

Here is a snapshot of the section that I'm referring to. It's just below the hero image. Thanks!

0 Likes
Natztech
Shopify Partner
1436 404 960

hello @RM00316 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

    #shopify-section-1480990842836    {
      background: #d6d2d2ba;
      padding :20px;
      }
      #shopify-section-1480990842836   h2.section-header.home {
          border-bottom: transparent !important;
      }

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store

This is an accepted solution.

@RM00316, do this to fix it in 20 seconds:

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

.shopify-section--rich-text[id]{
    background-color: #000000;
    padding-bottom: 0 !important;
    padding-top: 40px !important;
    margin-top: -9px !important;
    margin-bottom: 0 !important;
    border-bottom: unset !important;
    padding-bottom: 30px !important;
    border: unset !important;

}

.shopify-section--rich-text *{
    color: #ffffff !important;
}

#slideshow-slideshow{
    padding-bottom: 0 !important
}

diego_ezfy_0-1625592929601.png

You can change the background color by changing the value #000000
You can change the text color by changing the value #FFFFFF

Please let me know whether it works.

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
RM00316
New Member
4 0 0

Hi Diego,

Your suggestion worked perfectly! Is there any way for me to manually change the color of the divider line within that section as well? Thank you for all your help.

- Ryan

0 Likes