Jump to content

How to change a size of hover caption overlay ?

Recommended Posts


do anybody know how I can change a size of hover caption on image to cover whole image? 

I used these codes:

.image-caption-wrapper {
 opacity: 0;
 text-align: center !important;
 top: 0 !important;
 position: relative;
 pointer-events: none !important;
    background: #ffffff !important;


.image-caption {
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%,-50%);

.image-caption p {
  font-size: 12px;
 color: #000000 !important;
 line-height: 120% !important;
 letter-spacing: 1px !important;


but the result looks like this (bottom part of image is not cover)

Snímek obrazovky 2020-04-27 v 12.06.59.png

Link to comment
  • Replies 6
  • Views 897
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

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