The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS image hover text help Reply To: image hover text help


try adding this to .imageHolder .caption

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
padding: 20px; // for example

If you add display: block; to the image then it will remove the tiny whitespace beneath it. Your black overlay box will then be the same size as the image.