English  Italiano  Français  Español  Dansk  Deutsch  Deutsch  Português  Suomi 
Video Lightbox

How can I change thumbnails title color and text in lightbox video html?

Jul 19, 2013

Q: Dear Support,

I would like to use the standard Font and Text Color used in my website, but text added in VideoLightbox are only blue. Please advise how to change.

A: You can change thumbnails titles color and size ('text' mode only) in
engine/css/videolightbox.css file.

Just add 'color' parameters to the following code:

#videogallery a{
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        position:relative;
        vertical-align:top;
        margin:3px;
        width:160px;
        font-family:Trebuchet,Tahoma,Arial,sans-serif;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
        text-align:center;
        opacity:0.87;
}

#videogallery a:hover{
        opacity:1;
}



For example:

#videogallery a{
        display:-moz-inline-stack;
        display:inline-block;
        zoom:1;
        *display:inline;
        position:relative;
        vertical-align:top;
        margin:3px;
        width:160px;
        font-family:Trebuchet,Tahoma,Arial,sans-serif;
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
        text-align:center;
        opacity:0.87;
        color: #000000;
}

#videogallery a:hover{
        opacity:1;
        color: #ff0000;
}



You can also change font style and size here.

Related