CSS positioning of text overlay on image (Flow theme)

Store Design
1

Hi There,

Trying to get this text ‘Holly’ to be positioned near the top left of the image, but cannot find the right CSS attribute to use, and to which container. I’ve tried a bunch of vertical-aligns, and other attributes via Google’s Inspector to no avail so I’m clearly out of my depth.

Can someone assist with the correct code?

page is here:

https://calmbuddhi.com.au/collections/holly

and the div ID containing the content to move is ‘template–15543022157982__16480857739effec3f_title’

and the attached annotated screenshot indicates where I want this content to go - thanks!

Screenshot 2022-03-24 155134.jpg
Screenshot 2022-03-24 155134.jpg955×802 51.9 KB

2

Hey @hotify ,
You can try this.

.homepage-featured-content-box-inner {
     position: absolute;
    left: 0;
    top: 0; 
}

Hope it helps!

Raman
Return Prime

1 Like
3

Thanks RP, I think I didn’t the have the combo of ‘absolute’ with those other attributes - thanks so much this has really helped!

1 Like