Overlay text on image in refresh theme

[seiza123]

Hello, 

I would like to add  two images with text overlayed to my home page. For this example i want to overlay the "our mission" and included text onto an image. I have done extensive research and find it may not be possible on the refresh theme, however thought i would reach out to see if anyone has codes to make it work.

I appreciate any help. 

[BSSCommerce-B2B · Accepted solution]

Hi @seiza123,

You select the "Rich text" section, to open section settings in the right like the following picture

Scroll down and paste this code into Custom CSS:

.content-container {
  background-image: url("https://cdn.shopify.com/s/files/1/0576/1915/2957/products/2015-07-08_Laydown_51238_24374.jpg?v=1657513235");
  background-size: 100%;
  background-attachment: unset;
  background-position: center;
}

Please note that the background image URL in Custom CSS only accepts https://cdn.shopify.com domain, so you must upload your image to Shopify and copy the link to replace the URL in the above code.

Hope this helps you!

[seiza123]

Thankyou very much, this was perfect

[BSSCommerce-B2B]

😍 It's such my honor to help you, bro. If you like and mark solution, it will be the greatest motivation for us.