Jump to content

smithy_sw

Member
  • Posts

    5
  • Joined

  • Last visited

Community Answers

  1. smithy_sw's post in Turn video embed block description into a full image overlay on hover? was marked as the answer   
    Here is the solution I found.
    There might be a better way, but this turns the description on a video embed block into an full overlay caption on hover.
    // video embed block caption overlay //
    .video-caption-wrapper:hover { 
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      background: rgba(0,0,0,.5);
      padding: 45px 80px 50px 50px;
      max-height: 100% !important;
      box-sizing: border-box !important;
      overflow-y: auto !important;
      color: white;
    }
    .video-caption-wrapper { 
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      background: rgba(0,0,0,0);
      padding: 45px 80px 50px 50px;
      max-height: 100% !important;
      box-sizing: border-box !important;
      overflow-y: auto !important;
      color: rgba(0,0,0,0);
    }
     
×
×
  • 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.