Change text color and font for keywords

Comments

• Options

  Allen Registered Users Posts: 10,011 Major grins

  November 11, 2014 edited November 11, 2014

  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.

  Al - Just a volunteer here having fun
  My Website index | My Blog

  0
• Options

  davsap Registered Users Posts: 3 Beginner grinner

  November 12, 2014 edited November 12, 2014

  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.

  0
• Options

  davsap Registered Users Posts: 3 Beginner grinner

  November 12, 2014 edited November 12, 2014

  After some experimentation, this did work:
  
  .sm-gallery-smugmug .sm-tile-keywords a {
  color: #0000FF !important;
  }

  0
• Options

  leftquark Registered Users, Retired Mod Posts: 3,784 Many Grins

  November 19, 2014 edited November 19, 2014

  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.

  dGrin Afficionado
  Former SmugMug Product Team
  aaron AT aaronmphotography DOT com
  Website: http://www.aaronmphotography.com
  My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations

  0