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
  • Squarespace Forum Club Guidelines's Topics

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 4 results

  1. Hello! I am trying to figure out code for the following two actions. I want to apply each of these actions to one page only, not the entire website. Any help is greatly appreciated! 1) Image gets lighter/less opaque when you roll over or hover. Button stays darker/more opaque when you roll over (scroll down to the the 'about,' 'portfolio, 'contact,' and 'press' images on this page: https://eastonevents.com/) 2) Image gets darker/more opaque when you roll over an image and also a button appears when you hover (see here: https://eastonevents.com/portfolio Images get darker and a button pops up when you roll over.) Thank you! Best, Lauren
  2. Has anyone figured out how to have text appear and opacity change on hover over images or gallery images just like they do in portfolio grids?
  3. 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.
  4. 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...