Jump to content

Jnsn06

Member
  • Posts

    9
  • Joined

  • Last visited

Posts posted by Jnsn06

  1. I am on a professional plan which I believe was phased out and it would be the equivalent to the business plan.

    Here is the site/page I'm looking for the effect on:

    https://www.johnsenschmaling.com/projects

    This is the code added for the :hover event:

    <style>
    .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-anchor:hover {
      opacity: .2 !important;
      display: block !important;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out; 
      transition: all .3s ease-out;
     }

    .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title {
      opacity: 0;
      display: block !important;
      position: absolute;
      text-align: left;
      padding-left: 4%;
      bottom: 5%;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out; 
      transition: all .3s ease-out;
     }
    .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title {
      opacity: 1;
      color: hsl(0, 0%, 25%) !important;
      display: block !important;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out; 
      transition: all .3s ease-out;
     }
     </style>

×
×
  • 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.