Issue: Black/grey bars appearing between homepage sections in the Ride theme; initial attempt to remove via .section+.section { margin-top: 0 !important; } did not work.
Proposed solutions:
Outcome: Resolved. The OP removed the bars by editing Theme settings → Colors → Scheme 1 and setting the background gradient to “no color chosen.” They confirmed success and thanked contributors.
Notes:
Status: Closed/resolved with a confirmed fix via color/gradient settings (CSS override is an alternative).
I tried everything to remove these black/ Grey bars in the ride theme. I tried to put this code:
.section+.section { margin-top: 0px !important; }above them head in the theme code editor and it still doesn’t seem to work. Any help is greatly appreciated
Hi @memoryusage
Would you mind to share your store URL? Thanks!
Hi @memoryusage ,
Could you share your store url? I will help to check then give you a solution.
Yes its,
on the main page it’s the black borders between each section
Hi @memoryusage ,
You can try this code by following these steps:
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css or styles.css
Step 3: Insert the below code at the bottom of the file → Save
body:not(.product__info-wrapper) {
background-color: #ffff !important;
}
Hope this can help you
If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you 
Hi @memoryusage ,
May I suggest to update code these steps:
body {
background: #fff!important;
}
If you don’t want add code you can go to customize to update color.
Go to Store Online-> theme → customize
Theme settings → Colors → Sheme1
Thank so much! I also figured it out by going to 1. Theme settings
Colors
Selecting Scheme 1 and then editing the background gradient to “no color chosen”
Appreciate everyone for the help!
Exactly what I did, thank you!
