Jump to content

Change Lightbox Description Font Color

Recommended Posts

Site URL: https://www.chrispcreations.com/ads#/jdholiday/

The light box description font is difficult to read. I tried to change the description font color to white by putting the following code into the specific page's advanced settings:

div.sqs-gallery-block-grid .meta .meta-description p {
 color: hsla(0, 0%, 0%, 1);

Didn't work—is there a way I can make the description font white, or the hover overlay 100% opacity?

Screen Shot 2020-03-11 at 11.01.19 AM.png

Screen Shot 2020-03-11 at 11.01.29 AM.png

Link to comment
  • Replies 4
  • Views 2k
  • Created
  • Last Reply
7 hours ago, tuanphan said:

or you can also add this code to Page Header

  .yui3-lightbox2 .sqs-lightbox-meta * {
    color: white !important;


This worked like a charm, thank you! Any chance I can also bold the title or increase the title font size so it's more prominent than the description?

Screen Shot 2020-03-12 at 10.19.20 AM.png

Link to comment


This topic is now archived and is closed to further replies.

  • 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.