Square profile pic with text

Hi, I’m trying to create a team profile page with square profile pics with a text overlay (like this https://www.rcp.co.nz/our-people/) I’m close (see staging site here https://staging2.rdw.co.nz/about-us/). I’m adding a background image to my column and then adding a headline element. What I’m struggling with is getting the column to honour the aspect ratio of the image and to get the text to align to the bottom of the image. I also need this to be responsive. Any advice would be greatly appreciated.

Hey @fd_admin,

There’s a 3rd party video tutorial showing the setup that you need. Please watch the tutorial below. The element used is the Button element and it’s responsive out of the box unless you want the text to shrink on mobile also which in that case, you need to watch another tutorial below the first video.

Hope that helps.

@christian Thank you for these tutorials. they are perfect… just the information that I need. Thank you again. Have a great day and stay safe. All the best.

We are glad that we could be of help :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.