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

How to choose text font, size and color in videos to embed

Nov 18, 2011

Q: I've created a slideshow. I'd like to insert it on to the new website we're building.
Once I've created the slideshow, how do I get the "code" for inserting the slideshow on my new home page?

However, text color and size is fixed. Having text blue and red - I believe the red
should by shown as a rollover. Unfortunately, it doesn't work this way.

Some text is blue and other text is red in preview.

Being able to choose text font, size and color would be something that users would really want.

Could you add this feature in the next version of VideoLightBox?

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