Users are experiencing an issue with Shopify’s Sense theme where unwanted background colors or gradients appear between sections, creating visible strokes or breaks that disrupt the design flow.
Problem Details:
Attempted Solutions:
base.css file (adding margin-bottom rules to .section-header class) - unsuccessful for original posterWorking Solution:
Multiple users confirmed success by adjusting Theme 1’s background color settings:
This approach resolves the issue without requiring custom code modifications. Several community members verified this method works effectively.
Hi all,
I can’t seem to change the background that is behind the sections. See image below. In between the Header and Featured products sections there is a small stroke from the background which is a different color. I would like this background to continue the gradient between the two sections. Is that possible, preferably without code? I don’t see any option for it in the Theme editor.
Thank you so much,
Hamoody
Glad to help. What’s the link to your website?
Thank you. The link is:
Go to your code files, then Assets, then base.css, and try this code:
.section-header{
margin-bottom: 0px;
}
Does this work?
Hello @eskimojewelry ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file → add this following code at the bottom of page
.section-class {
background: linear-gradient(to right, #ffffff, #f5f5f5);
}
Save changes
Hope this can help. Let us know if you need any further support.
Ali Reviews team
Hi David,
Unfortunately nothing changed with that code.
Hi,
Thanks for your reply. Unfortunately nothing changed when I added and saved this code to the base.css file
Try this:
.section-header{
margin-bottom: 0px !important;
}
Does this work?
Did not change anything.. It’s also not just with between the Header and Products section, its for every transparant section that i add. For instance this IG section (see screenshot below) is transparant, and shows the same background color that I can not change, and interrupts the gradient from the other sections
I found the answer without any code. I had the same issue. I created a custom theme of my own and used it but in between some sections there was a light grey colour such as the Theme 1. So what I did was to change the Theme 1 background color to white (same as the one of my custom theme background colour) and for some reason it worked and my store is as I want it. Not the most orthedox way but worked just now for me.
Hi, please could you provide more guidance on how you solved this.
Hi go to the theme colours for theme 1 and change the background colour to the same colour as the background you want. I will then change solve your issue.
I have the same issues. No solution yet. 3rd time I change my theme. I tried coding the Base I tried de background color and the awfull gradiant off etc. Still nothing.
have you tried following steps I showed in the last post before your message?
Hey what Alreadylivingme did worked for me try it out bro.
