Skip to main content

Are you still looking for something?

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

Try these: contact formbuttonbuy photos

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:

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

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:

CSS
/*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*/
}
CSS

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.

Related articles

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.

Support me

I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.