Jump to content

Align Poster Title to top left of image

Recommended Posts

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

Link to comment
  • Replies 6
  • Views 836
  • Created
  • Last Reply

Did you just removed the caption of the poster?

image.thumb.png.0fe3debde3ee66279e31224191a18a21.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment
4 minutes ago, jilldiane_ said:

it should be there..

are you looking for thisimage.png.5f588e1001f4b232b9c348cf3fc69b4b.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

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 (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

Link to comment

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.