Lightbox captions

Comments

• Options

  Allen Registered Users Posts: 10,011 Major grins

  August 22, 2014 edited August 22, 2014

  hadron wrote: »

  Long captions are justified under the left 1/3 of a large photo.
  
  Is there a way to justify captions under the whole photo in Lightbox mode?

  Part of the div that the caption is in includes the buttons on the right so it would be very
  difficult without a lot of manipulation..

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

  0
• Options

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

  August 25, 2014 edited August 25, 2014

  You can change the width of the captions using my code here: http://www.aaronmphotography.com/Customizations/Lightbox/Lightbox-Wide-Caption
  

  /* Make the width of the lightbox caption wider */
  .sm-user-ui .sm-lightbox-caption {
    max-width: 1000px !important;
  }
  
  /* The lightbox caption area is really wide but the text in it is much
     skinner. The scroll bar was very far away. Bring it in to match 
     the width of the lightbox caption */
  .sm-user-ui .sm-lightbox-panel {
    max-width: 1010px !important;
  }
  

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

  hadron Registered Users Posts: 95 Big grins

  August 25, 2014 edited August 25, 2014

  A solution which works
  .sm-lightbox-caption {font-size:18px;}
  /* Centre the caption underneath the photo */
  .sm-user-ui .sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info {
  margin-right:0;
  }
  .sm-user-ui .sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info > div,
  .sm-user-ui .sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info > p {
  margin-left:auto;
  margin-right:auto;
  }

  0
• Options

  hadron Registered Users Posts: 95 Big grins

  August 25, 2014 edited August 25, 2014

  A solution which works
  this also makes the Captions 18 points
  
  

  hadron wrote: »

  .sm-lightbox-caption {font-size:18px;}
  /* Centre the caption underneath the photo */
  .sm-user-ui .sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info {
  margin-right:0;
  }
  .sm-user-ui .sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info > div,
  .sm-user-ui .sm-lightbox-basic .sm-lightbox-ft-center .sm-lightbox-info > p {
  margin-left:auto;
  margin-right:auto;
  }

  0