Change Lightbox Description Font Color

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:

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

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

Try this!

.yui3-lightbox2 .sqs-lightbox-meta p:last-child {
    color: white !important;
}

-Holly

or you can also add this code to Page Header

<style>
  .yui3-lightbox2 .sqs-lightbox-meta * {
    color: white !important;
}
</style>

7 hours ago, tuanphan said:

or you can also add this code to Page Header

<style>
  .yui3-lightbox2 .sqs-lightbox-meta * {
    color: white !important;
}
</style>

 

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?

<style>
  .yui3-lightbox2 .sqs-lightbox-meta * {
    color: white !important;
}
  .yui3-lightbox2 .sqs-lightbox-meta h1 {
    font-size: 30px !important;
}
</style>