Inserting an image behind text within an "image with text" section

Inserting an image behind text within an "image with text" section

groggydogcoffee
Visitor
3 0 0

 

Hi,

I have tried everything I have found here so far... I would just like to put an image behind text within an "image with text" section... below is my last attempt with the CSS within that section. I want to put the image behind the "buy coffee..." text.

 

I have had issues with things showing up in live even though they show up in the editing screen, but in this case the image does not show on either...

Thank you for your help!

 

groggydogcoffee_0-1740173733351.png

 

 

}

.image-with-text {
background-image: url('https://cdn.shopify.com/s/files/1/0869/2816/3000/files/beansb.jpg?v=1740170041');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width:100%;
}

 

have also tried:

.section-template--15362536243254__2877c68b-753a-4de5-8054-1a5b88ece97a-padding {
background-image: url('your-image.jpg');
background-size: cover;
background-position: center;

Replies 3 (3)

suyash1
Shopify Partner
10712 1324 1699

@groggydogcoffee Can you please share this page link?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
groggydogcoffee
Visitor
3 0 0

Hi,

The site is groggycoffee.com 

groggydogcoffee
Visitor
3 0 0

Hi... just checking back in... I can't figure it out still...

Thanks!