Jump to content

Image card block align text to the top.

Recommended Posts

  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply
5 hours ago, Wolfsilon said:

Hello there!

Try this:


.sqs-block-image .design-layout-card .image-card {
position: absolute !important;
top: 0 !important;
}

Hope this helps.

Hey. Thank you so much. It works great on the desktop. 
But on mobile and tablet, the text shows up on the image. 
How can change that text is under the picture? 

Screenshot in the attachment. 


Thanks again, Juris 

BB3AAC11-81F0-453B-9E72-23A7E700D285.png

Link to comment
On 4/27/2021 at 11:25 AM, kristobans said:

Hey. Thank you so much. It works great on the desktop. 
But on mobile and tablet, the text shows up on the image. 
How can change that text is under the picture? 

Screenshot in the attachment. 


Thanks again, Juris 

BB3AAC11-81F0-453B-9E72-23A7E700D285.png

Try this

@media screen and (min-width:641px) {
.sqs-block-image .design-layout-card .image-card {
position: absolute !important;
top: 0 !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.