A user is experiencing unwanted gray spacing between sections and around product pages in their Ride theme, despite wanting an all-black background.
Solutions provided:
.focus-none{ background-color: black !important} to the theme stylesheet.footer {margin-top: 0 !important} to remove gray spacing caused by footer marginsBoth CSS snippets should be added at the end of the theme style file. The user confirmed the background color fix worked but initially still had gray areas between sections, which was resolved by addressing the footer margin issue.
Status: Problem appears resolved with the combined CSS solutions.
Ride Theme Has large divisions between sections that are a different color than my theme background.
I want the background to be all black, but in the space between sections it is gray and in product pages and other random areas - I just want it all black.
Hi @Iamshibby23
You can try to correct color by selecting a Section and then click Edit in Color scheme option
Just add the following code to your theme style sheet
.focus-none {background-color: black !important}
thank you - that made the background black - same method as changing the theme via dan’s suggestion above, but there is still that gray area anywhere there is blank space between sections. No clue how to remove this aside from making margins 0.
Hi again,
This is the margin for the footer you just need to add the following code:
.footer {margin-top: 0 !important}
you need to add this in your theme style file at the end.
Please if this solve it mark as accepted solution. And don’t hesitate to send me if you need any help.
Have a nice day.
