Change text color and font for keywords

davsap

Does anyone have some CSS code for changing text color and font for display of keywords in lightbox?

Allen

Add this to "all galleries" CSS. Add in whatever parameters you want.

Current CSS on my site, probably a setting in theme.

.sm-lightbox-keywords a {
color: #D3D4D4 !important;
font-family: Roboto,Helvetica,Arial,sans-serif;
}

Try it without the !important first then add as needed.

davsap

Allen wrote: »

Add this to "all galleries" CSS. Add in whatever parameters you want.

Current CSS on my site, probably a setting in theme.

.sm-lightbox-keywords a {
color: #D3D4D4 !important;
font-family: Roboto,Helvetica,Arial,sans-serif;
}

Try it without the !important first then add as needed.

Thanks for the suggestion, I edited it in to my theme custom CSS but it did not have any effect on the keyword text.

davsap

After some experimentation, this did work:

.sm-gallery-smugmug .sm-tile-keywords a {
color: #0000FF !important;
}

leftquark

This would also work:

/* Change the color and size of the keywords in the lightbox */
p.sm-lightbox-keywords > a {
  color: #0000FF !important;
  font-size: 18px !important;
}

Your code might effect more than just the lightbox.