This is my CSS. It works on a single linked image, but not on the galleries. Even if i put it inside the gallery’s custom CSS it does nothing.
.wp-caption {
display: block;
max-width: 96%;
padding: 3px;
position: relative;
text-align: center;
}
.wp-caption-text {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
top: -5px;
color: #FFFFFF;
display: block;
filter: alpha(opacity=0);
font-family: Open Sans, Helvetica, Arial, sans-serif;
font-size: 13px;
left: 8px;
margin: 0;
max-width: 100%;
opacity: 0;
padding: 5px 10px !important;
position: absolute;
right: 8px;
}
.wp-caption a:hover ~ .wp-caption-text {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-ms-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
}