Lightbox Title/ Caption Customization

goldeneye99

I want to customize the Image Title and Caption in various views as follows:

a) thumbnails: no title, no caption

b) Lightbox: title only (no caption), centred under image and want to change colour and font

Thanks for suggestions.

Nigel

www.nigelrobertsphotography.com

Jingle Images

goldeneye99 wrote: »

I want to customize the Image Title and Caption in various views as follows:

a) thumbnails: no title, no caption

b) Lightbox: title only (no caption), centred under image and want to change colour and font

Thanks for suggestions.

Nigel

www.nigelrobertsphotography.com

Add this css for no title for Thunails

.sm-tiles-grid .sm-tiles-list .sm-tile-info .sm-tile-title {
display: none;
}

And this for Lightbox no caption

.sm-user-ui .sm-lightbox-caption {
display: none;
}

goldeneye99

Still looking for help on formatting the title in Lightbox view - want to have title centered below image and change font color and size.

Also the above code removes all titles for Thumbnails including the name of Galleries in those cases where I have nested galleries - I want the names of Galleries to remain.

Hikin' Mike

goldeneye99 wrote: »

Still looking for help on formatting the title in Lightbox view - want to have title centered below image and change font color and size.

Also the above code removes all titles for Thumbnails including the name of Galleries in those cases where I have nested galleries - I want the names of Galleries to remain.

This will change the lightbox title, at least on my site:

.sm-user-ui .sm-lightbox-title {
    font-size:20px;
    color:#f00;
    }

As far as centering the title under the image....not sure if you can do that. Looks like you've hidden your titles right now, and you have your right-click protection on, preventing me to test it easily.

thenickdude

You don't need to be able to right click to inspect elements. In Chrome, just click View -> Developer -> Developer Tools, then click the little magnifying glass to the left of "Elements". Now you can left click on any page element and it'll inspect it for you.

Jingle Images

Hikin' Mike wrote: »

This will change the lightbox title, at least on my site:

.sm-user-ui .sm-lightbox-title {
    font-size:20px;
    color:#f00;
    }

As far as centering the title under the image....not sure if you can do that. Looks like you've hidden your titles right now, and you have your right-click protection on, preventing me to test it easily.

Test easily use f12

Hikin' Mike

I use Firebug on Firefox. I realize there are ways around it, but using the right-click is much easier. If I have time, I may try and go around it. Most of the time I don't.

Hikin' Mike

I forgot about the "Inspect" button of Firebug.