Jump to content

Image overlap with button alignment

Recommended Posts

  • Replies 2
  • Views 709
  • Created
  • Last Reply

Add to Design > Custom CSS

/* Align learn more */
@media screen and (min-width:992px) {
div#block-0caf5e05260673fe8ff6+.row {
    display: flex;
}
div#block-0caf5e05260673fe8ff6+.row .span-3 {
    position: relative;
    flex: 1;
	padding-bottom: 50px;
}
div#block-0caf5e05260673fe8ff6+.row .span-3 .image-button-wrapper a {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    text-align: center;
    white-space: nowrap;
}
div#block-0caf5e05260673fe8ff6+.row figcaption, div#block-0caf5e05260673fe8ff6+.row .image-block, div#block-0caf5e05260673fe8ff6+.row figure {
    position: static !important;
	transform: unset !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.