Jump to content

How to edit font styles for titles and description of images displayed in a lightbox?

Go to solution Solved by tuanphan,

Recommended Posts

Hi, i want to edit sizes and styles fot the title and description that appears over an image when displayed in a lightbox.

You can see it here (click on images):
https://justinelotus.squarespace.com/abstract-ink?p


I've tried to cut and paste from an external text box, and it works.... but the description text appears in black, which makes it unreadable over a dark background...

Any idea? Thank you!

Edited by ToniRicart
Link to comment
  • Replies 6
  • Views 314
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
On 5/16/2023 at 4:48 PM, ToniRicart said:

Ooops! sorry: justine

Add to Design > Custom CSS

.yui3-lightbox2 .sqs-lightbox-meta h1 {
    font-size: 2em !important;
}
.yui3-lightbox2 .sqs-lightbox-meta p {
    font-size: 3em !important;
    color: gray !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.