Jump to content

Align Poster Title to top left of image

Recommended Posts

Posted

Site URL: https://fox-azalea-c5ge.squarespace.com/config/

Hello, 

I want to get the title on a poster image to sit in the top left corner of the image. Any suggestions?

I have tried translate/transform but when i switch to mobile the title move way out of alignment, and when i try to fit in on mobile specific it seems to effect its placement on desktop.

Any sugestions would be greatly appreciated. 

SiteP: help%me%pleas3

Screen Shot 2020-11-16 at 19.57.34.png

  • Replies 6
  • Views 938
  • Created
  • Last Reply
Posted

Use this custom css

#block-yui_3_17_2_1_1605462305038_13242 .image-title-wrapper,
#block-yui_3_17_2_1_1605585339147_12528 .image-title-wrapper {
  position: absolute;
    top: 5%;
    left: 2%;
}
#block-yui_3_17_2_1_1605462305038_13242 .image-subtitle-wrapper,
#block-yui_3_17_2_1_1605585339147_12528 .image-subtitle-wrapper  {
  position: absolute;
    top: 2%;
    left: 2%;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

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.