Shopify themes, liquid, logos, and UX
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?
Go to your code files, then Assets, then base.css, and try this code:
.section-header{
margin-bottom: 0px;
}
Does this work?
Hi David,
Unfortunately nothing changed with that code.
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
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,
Thanks for your reply. Unfortunately nothing changed when I added and saved this code to the base.css file
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.
Customize theme > Theme settings > Colors > Schemes > Background Gradient: Remove gradient
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.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024