Found what you have been looking for?

Generic filters
Exact matches only
Filter by Categories
Lightroom Plugin
Tools and Tips

Changing font colour and size of title and caption in lightbox view

In this tutorial I am going to show you how to change the TITLE and CAPTION color and size – in the Lightbox view.

Lightbox View – this is the view when you click on an image in your gallery and it shows in a full screen view – like here.

I have also made a screenshot to show you which fields exactly will this affect:

In order to change those elements you would need to add a CSS content block to the ALL GALLERIES or ENTIRE SITE section of your site.

The code that you need to use is:

/*Changing font size and color of TITLE*/
.sm-lightbox-v2-photo-title .sm-button-label h2 {
    font-size: 30px !important; /*This code will change the font size of TITLE*/
    color: #f91a43 !important;  /*This code will change the font color of TITLE*/

/*Changing the font size and color of CAPTION*/
.sm-lightbox-v2-photo-title .sm-button-label p {
    font-size: 24px !important; /*This code will change the font size of CAPTION*/
    color: #727fee !important;  /*This code will change the font color of CAPTION*/

As you can see the color has a HEX code in both section.  If you have difficulties finding the right HEX code for your color – I recommend trying this site.

caption, font color, font colour, lightbox, title

Tomasz Nowicki

My name is Tomasz Nowicki and I am a PHOTOGRAPHER and WEB DESIGNER based in the UK. Few years ago I have created my first website using SmugMug - a powerful platform for any type of photographer. I fell in love with it and from day one I have started exploring the possibilities of customizing my website. PHOTOM Portal is a my personal SmugMug knowledge base website where you can find some tips and tricks on how to use and get the most out of your SmugMug website.

Comments (5)

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.