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

scootnyc

Member
  • Content Count

    11
  • Joined

  • Last visited

  • Days Won

    1

Reputation Activity

  1. Like
    scootnyc got a reaction from Katagab in How to customize the “caption overlay on hover” feature to fill 100% of the image?   
    Does anyone know some CSS Code to customize the current “Caption Overlay on Hover” option for images on the Pacific template? I’d like the caption overlays to appear over 100% of the image when I hover.
    The width spans the entire length of the picture, but the height only spans about 50% of the picture, depending on how much I write in the text box. This is driving me nuts, and it makes my mobile site look horrible!
    Ideally, I’d like my caption overlay on hover to fit 100% of the image like this: http://www.vergecollective.com/#expressions-page
    I've tried the following CSS code, but it isn't working:
    .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper { height: 100% !important; }
    Any help or suggestions on my CSS code? Thanks!
  2. Like
    scootnyc got a reaction from Katagab in How to customize the “caption overlay on hover” feature to fill 100% of the image?   
    Does anyone know some CSS Code to customize the current “Caption Overlay on Hover” option for images on the Pacific template? I’d like the caption overlays to appear over 100% of the image when I hover.
    The width spans the entire length of the picture, but the height only spans about 50% of the picture, depending on how much I write in the text box. This is driving me nuts, and it makes my mobile site look horrible!
    Ideally, I’d like my caption overlay on hover to fit 100% of the image like this: http://www.vergecollective.com/#expressions-page
    I've tried the following CSS code, but it isn't working:
    .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper { height: 100% !important; }
    Any help or suggestions on my CSS code? Thanks!
×
×
  • Create New...