Can't change background behind the sections in Sense theme

eskimojewelry
Excursionist
28 2 2

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

Screenshot 2023-06-23 at 01.18.41.png

 

 

Replies 12 (12)

Zqdo
Shopify Partner
803 32 63

Glad to help. What's the link to your website?

banned
eskimojewelry
Excursionist
28 2 2
Zqdo
Shopify Partner
803 32 63

Go to your code files, then Assets, then base.css, and try this code:

 

.section-header{
margin-bottom: 0px;
}

 

Does this work?

banned
eskimojewelry
Excursionist
28 2 2

Hi David,

 

Unfortunately nothing changed with that code. 

Zqdo
Shopify Partner
803 32 63

Try this:

 

.section-header{
margin-bottom: 0px !important;
}

 

Does this work?

 

banned
eskimojewelry
Excursionist
28 2 2

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

Screenshot 2023-06-25 at 20.06.49.png

AliReviews
Shopify Partner
773 90 356

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

- Was my answer helpful? Please hit Like or Mark it as solution!
- Ali Reviews - The must-have Shopify app that empowers you to effortlessly collect, display, and manage product reviews.
- Start your FREE trial today!
eskimojewelry
Excursionist
28 2 2

Hi,

 

Thanks for your reply. Unfortunately nothing changed when I added and saved this code to the base.css file

PCS1
Visitor
1 0 3

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.

sidandhawa
Tourist
4 0 7

Hi, please could you provide more guidance on how you solved this.

fpstimetunnel
Visitor
1 0 0

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. 

alreadylivingme
Visitor
1 0 0

Customize theme > Theme settings > Colors > Schemes > Background Gradient: Remove gradient 

background-sense.png