How to align text over an image without a container?

Shopify Discussion
1

Hi community,

i would like to implement something like the picture below where the image is aligned to the right and the text overlaps the image (with no container). Any ideas?

Screenshot 2022-10-15 at 11.48.41.png
Screenshot 2022-10-15 at 11.48.41.png264×296 1.47 KB

2

may I know the Shopify store link?

3

https://571d01.myshopify.com/
pwd:siahaw

4

on what specific page is this?

5

home page to start with but If I understand how to do it, I will also place somewhere else

6

yes this is possible but you must have a specific id or class for the image

then use the pseudo-element ::before then modify the text by adding more properties

.picture-element::before {

content: 'Text here';
color: black;
font-size: 10px;
}
7

Thanks a lot.

where should I place the class for the image? base.css?

8

yes

9

Hi @Regie_1 ,

thanks for your input. Unfortunately I still didn’t manage to get it work. Do you mind giving an extra tip?

Thanks