Image with text overlay

Solved
Tourist
11 0 0

Hello,

 

I want to create an image with text overlay on a page. Can use some support.

 

https://www.3d4makers.com/

 

Kind regards,

 

Jasper 

0 Likes
Highlighted
Shopify Partner
434 83 93

Hello  Jasper,

This css will help you

.grid-item-add-holder .grid-item-title {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Tourist
11 0 0

Hello Guleria,

 

Thank you. And where exactly should I paste this?

 

 

0 Likes
Shopify Partner
434 83 93

Paste it in custom.css

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Tourist
11 0 0

Thank you for you swift reply!

 

I pasted it at the bottom of the custom.css, but nothing happened..

0 Likes
Shopify Partner
434 83 93

As i check now text are on image
text-image.PNG

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Tourist
11 0 0

Oops that was not what I wanted.

 

Im creating a contact page, but I want to add text in the image.

 

Screen Shot 2019-12-16 at 12.32.00.png

0 Likes
Shopify Partner
434 83 93

You need text 'Join the 34Markers .... '  on image ?
You can use same css but have to modify it little.
Please share page url so i can adjust it accordingly.

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Tourist
11 0 0

Yes for example, just want to add web readable text on the image.

 

https://www.3d4makers.com/pages/education-discount-program-1

0 Likes

Success.

Shopify Partner
434 83 93

You using inline css so do it like this

<span style="font-weight: 400;position: absolute;bottom: 0;top: 50%;left: 0;">your text </span>

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like