How can I add a background image to text on my homepage?

Store Design
1

Hi there! I am trying to figure out how to add a background image to one image with text section on the homepage. I’ve attached a screencapture of the section (its the titled section “want to make a colorful statement?”) - I’ve tried everything and can’t seem to get it to work on this theme.

Any help would be appreciated!

https://shop-linny-co.myshopify.com/

Password: brandwell

2

Hi there,

You can achieve that through custom CSS. Adding the below CSS at the end of your base.css file should address your issue.

div#ImageWithText--template--14367384076569__image-with-text-1 {
  background: url(https://via.placeholder.com/200) !important;
}

GabrielS_0-1665696444436.png
GabrielS_0-1665696444436.png2233×1039 236 KB

Let me know if this resolved your issue.

Cheers!

3

Thanks for your help! It worked perfectly.

I have another question if your free! The rich text section backgrounds are not changing to my custom color. I’ve tried using the codes below. Any suggestions here? It is for the testimonial sections on homepage.

.section-template–14367384076569__00e4dcbb-6f7f-47b3-a9e9-41af8dd7e0a0-padding .rich-text {
background: #BB7C50!important;
}

.section-template–14367384076569__00e4dcbb-6f7f-47b3-a9e9-41af8dd7e0a0-padding {
background: #BB7C50!important;
}