Image Slider, Text Block problem

[C00P3R (Rhys)]

Hi Everyone,

I am hoping this is an easy fix, I am getting close to finalising the layout of my home page (on desktop only at this stage), but have run into a slight problem. I have a title block at the bottom left corner of each image, but depending on the browser window size I have noticed the title block moves from being in line with the image. Screenshots below for reference as well as read only link.

Have I gone about setting this page up incorrectly?

I appreciate any help.

https://preview.webflow.com/preview/website-a7e0c3?utm_medium=preview_link&utm_source=designer&utm_content=website-a7e0c3&preview=872bc30664b3863698f31be73eda3060&mode=preview

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[C00P3R (Rhys)]

anyone able to help me?

[shokoaviv (Moshe Assulin)]

Hi

Try to use Absolute instead of Fixed.

https://www.loom.com/share/4bc355e287814a2eab12d1192081805a

[C00P3R (Rhys)]

Hi @shokoaviv

Thank you for taking the time to have a look over my settings. I have tried what you suggested and this does work when adjusting the browser width, but when the browser window is adjusted diagonally the text box still doesn’t line up.

Is it possibly something I have set up incorrectly with the slider or mask settings?

I appreciate any help.

Regards
Rhys

[shokoaviv (Moshe Assulin)]

Hope it helps
https://www.loom.com/share/4b5793378f5242b4837d51b20844566f

[C00P3R (Rhys)]

Thank you so much, that is incredibly helpful.

Have a great day, I really appreciate you taking the time.

Regards,
Rhys