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

How to change a size of hover caption overlay ?


Lucie_com

Question

Hello,

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%;
 width:90%;
 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

Edited by Lucie_com
Link to comment
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

6 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...