Solved

Text Overlay On Image In STUDIO Theme

luke01
Excursionist
29 0 3

Hi, Can someone please help. I need to know how to overlay text on images within the Studio theme, 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7573 1463 1461

This is an accepted solution.

Hi @luke01 

You can do that by adding this code to your theme.liquid file after <head>

<style>
.multicolumn-card__info {
    margin-top: -60px !important;
    z-index: 99;
    position: relative;
}
.multicolumn-card__info h3 {
    margin-bottom: 20px !important;
    color: #fff;
}
</style>

- Helpful? Like or Accept solution! - Buy me a codefee 🙂
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 5 (5)

Natasha-Saed
Shopify Partner
412 45 72

Can you share your store URL please and the section you want to add the overlay to so we can help you

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
luke01
Excursionist
29 0 3

The store is not published yet. 

 

Site is: https://b85dcc.myshopify.com Password is rawbla 

I need to move the title image in the homepage where it say "Recipes" over its image. 

luke01
Excursionist
29 0 3

Untitled.jpg

Dan-From-Ryviu
Shopify Partner
7573 1463 1461

This is an accepted solution.

Hi @luke01 

You can do that by adding this code to your theme.liquid file after <head>

<style>
.multicolumn-card__info {
    margin-top: -60px !important;
    z-index: 99;
    position: relative;
}
.multicolumn-card__info h3 {
    margin-bottom: 20px !important;
    color: #fff;
}
</style>

- Helpful? Like or Accept solution! - Buy me a codefee 🙂
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

luke01
Excursionist
29 0 3

This is great. Is there a way to add a dark banner behind the text? In some areas the white text is difficult to read. Screenshot 2024-03-18 at 6.33.34 PM.png