How to remove Black bars in default Ride theme

[memoryusage]

 

 

 

I tried everything to remove these black/ Grey bars in the ride theme. I tried to put this code:

<style>
.section+.section { margin-top: 0px !important; }
</style>

above them head in the theme code editor and it still doesn’t seem to work. Any help is greatly appreciated 

[Made4uo-Ribe]

Hi @memoryusage 

Would you mind to share your store URL? Thanks!

[EBOOST]

Hi @memoryusage,

Could you share your store url? I will help to check then give you a solution.

[memoryusage]

Yes its,

on the main page it’s the black borders between each section 

[EBOOST · Accepted solution]

Hi @memoryusage,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/base.css
3. Add code below to end of file

body {
	background: #fff!important;
}

If you don't want add code you can go to customize to update color.

1. Go to Store Online-> theme -> customize

2. Theme settings -> Colors -> Sheme1

3. Update background color to white

[memoryusage]

Exactly what I did, thank you!

[BSSCommerce-HDL]

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 as a solution. Thank you 😍😍

[memoryusage]

Thank so much! I also figured it out by going to 1. Theme settings 

2. Colors 

3. Selecting Scheme 1 and then editing the background gradient to “no color chosen”

Appreciate everyone for the help!