Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
dplumb

Align Hover Text on Inline Image Block

Question

Any ideas on how I can have the hover text be positioned at the top of the block?

Thanks so much in advance!

Edited by dplumb
Initial Revision

Share this post


Link to post

7 answers to this question

Recommended Posts

  • 0

@dplumb


@media screen and (min-width:901px) {
body#collection-5c59e8c1ee6eb0429890147c .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic {
   height: 20em !important;
}
}
@media screen and (max-width:900px) {
body#collection-5c59e8c1ee6eb0429890147c .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic {
   height: 32em !important;
}
}


Share this post


Link to post
  • 0

@dplumb Add to Home > Design > Custom CSS


body#collection-5c59e8c1ee6eb0429890147c .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .image-caption-wrapper {
   top: -50px;
}


Share this post


Link to post
  • 0

That's so great, thank you! One last question is there a way to make the text box fill the image block? So that no scroll bar is necessary?

I so appreciate your help!

Best,Denise

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...