techtom
|
How about using the caption for text then adding this to your style.css
.wp-caption {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #F0F0F0;
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.5);
bottom: 8px;
color: #FFFFFF;
display: block;
filter: alpha(opacity=0);
font-family: "Open Sans",sans-serif;
font-size: 13px;
left: 8px;
margin: 0;
max-width: 100%;
opacity: 0;
padding: 5px 10px !important;
position: absolute;
right: 8px;
}
.wp-caption img: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;
}
|