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

Search the Community

Showing results for tags 'hovertextoverimages'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 2 results

  1. Hi there, I have added some code to get the hover effect (overlay + Poster: Title/Subtitle ) on images (see screenshot attached). /* Hover Effect Images */ .sqs-block-image:hover { brightness: 100%; transition: .6s; cursor: pointer;} .sqs-block-image:hover img { filter: brightness(0.7); transition: .3s;} .sqs-block-image:not(:hover) .image-card-wrapper { display:none;} Unfortunately it started behaving weirdly - the hover just works on all images now, rather than on only https://www.aeliaandthecamera.com/branding and text is not displayed while hovering over. Any advices how to make it work properly are highly appreciated 🙂 Many thanks 🙂 A.
  2. 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...