Liquid, JavaScript, themes, sales channels
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!!
Solved! Go to the solution
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
}
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
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.
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!
@RM00316
Kindly send a screenshot of the section you wish to change the background color.
Here is a snapshot of the section that I'm referring to. It's just below the hero image. Thanks!
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;
}
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
}
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
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024