What's your biggest current challenge? Have your say in Community Polls along the right column.

Can't change background behind the sections in Sense theme

Can't change background behind the sections in Sense theme

eskimojewelry
Excursionist
28 2 3

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 15 (15)

Zqdo
Shopify Partner
803 32 64

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

banned
eskimojewelry
Excursionist
28 2 3
Zqdo
Shopify Partner
803 32 64

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 3

Hi David,

 

Unfortunately nothing changed with that code. 

Zqdo
Shopify Partner
803 32 64

Try this:

 

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

 

Does this work?

 

banned
eskimojewelry
Excursionist
28 2 3

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 358

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 3

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
Shopify Partner
2 0 2

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

background-sense.png

BudoMarc
Visitor
1 0 0

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. 

alreadylivingme
Shopify Partner
2 0 2

have you tried following steps I showed in the last post before your message?

Albion1
Visitor
2 0 0

Hey what Alreadylivingme did worked for me try it out bro.