How can I change the background color in Shopify's Sense theme?

[erebus]

Hello,

I want to change the background of my image with text section in the sense theme in Shopify. I want to make the background white while keeping the gradient I have on my image and my text.

[SideNode]

hi @erebus

Its SideNode! We will be happy to help you today.

Could you please share the URL of the frontend, so I can view the website and fix that what u want ?

Regards,
SideNode

[ZestardTech]

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

[erebus]

https://admin.shopify.com/store/9a73b4-2/themes/158591811872/editor?section=template–20729831588128__image-with-text

[SideNode]

Could you please share the URL of the frontend its not frontend url

[erebus]

https://admin.shopify.com/store/9a73b4-2/themes/158591811872/editor?section=template–20729831588128…

[SideNode]

This URL points to the code editor, not the front-end view of the website.

[erebus]

https://empathicam.com/

[SideNode]

can u mention in screenshot which section image background u want to change

[erebus]

I want to change the gradient background

[Moeed]

Hey @erebus

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[SideNode]

hi @erebus

you can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.image-with-text__media.image-with-text__media--adapt.gradient.color-accent-1.global-media-settings.media {
    background: none;
}
div#ImageWithText--template--20729831588128__image-with-text {
    background: bottom;
}

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

[Natasha-Saed]

Do you mean like this ?

[erebus]

Yes

[Beae_Cass]

Hi @erebus ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

1. Go to Online Store → Theme → Edit code
2. Open your theme.liquid file
3. Paste below code before :

Best regards,

Anthony

[erebus]

I tried your code and it did not work.

[erebus]

I want the background white and the gradient on the image and text

[SideNode]

you can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

div#shopify-section-template--20729831588128__image-with-text {
    background: white;
}

[erebus]

I want the image to have a gradient and I believe the code locked in the image too

[Natasha-Saed]

Please add the following code in your base.css file

#shopify-section-template–20729831588128__image-with-text {background-color: white !important}