Grey lines between sections on Ride Theme

[AndrewGowdy]

Hello, I have been checking on the previous posts on this topic and have been unsuccessful in trying to remove the grey lines between my sections (screen shots attached).  I am using the Ride Theme and did have no borders until last night !!

I am a novice user, but have managed to complete some other customisation using bespoke CSS coding.

Any help would be greatly appreciated.

[AndrewGowdy · Accepted solution]

Hi Richard, that removed the bottom grey line !! Unfortunately the other ones remain.

Is there tag for header and the other sections?

Many thanks

[Made4uo-Ribe · Accepted solution]

Thank for info try this one then.

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.header-wrapper--border-bottom {
    border-bottom: 0px;
}
.content-container {
    border: none;
}

• And Save. 
• Result:
• 

[PageFly-Richard]

Hi @AndrewGowdy 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.footer__content-bottom {
    border-top: unset !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

[AndrewGowdy · Accepted solution]

Hi Richard, that removed the bottom grey line !! Unfortunately the other ones remain.

Is there tag for header and the other sections?

Many thanks

[Made4uo-Ribe]

Hi @AndrewGowdy 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

[AndrewGowdy]

www.1puttni.com

cheoto

[Made4uo-Ribe · Accepted solution]

Thank for info try this one then.

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.header-wrapper--border-bottom {
    border-bottom: 0px;
}
.content-container {
    border: none;
}

• And Save. 
• Result:
• 

[AndrewGowdy · Accepted solution]

legend !! that worked a treat.  Many thanks

[Pair_of_Squares]

I found you can also achieve this by going into Themes -> Customise (your chosen Theme) -> Theme Settings (the Cog icon top left) -> Content Container - change the border thickness to 0px. Check if it effects any other content containers, but for me it got rid of the majority of grey lines between sections.