Jump to content

Image - Poster text position

Recommended Posts

Site URL: https://www.bordersandblasting.com/

I'm updating a site for a customer who wanted a square image - poster block to display the page titles. 

They want the text to be positioned at the bottom of the image on all devices. 

At the moment, using the below code, I've managed to make it sit at the bottom on the mobile view, but not the desktop. 

Please can anyone help me with code to make it do both?

Thanks

hr { padding: 1px 0 1.5px 0;}
.design-layout-poster .image-title-wrapper {
    margin-top: 190px;
}

 

BSB Mobile.png

BSB Desktop.png

Link to comment
  • 2 weeks later...
  • Replies 2
  • Views 410
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.