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

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.

1 Like

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

Hello There,

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

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

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

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

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

https://empathicam.com/

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

I want to change the gradient background

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

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

Do you mean like this ?

Yes

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

I tried your code and it did not work.

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

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;
}

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

Please add the following code in your base.css file

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