Lightbox captions

hadronhadron Registered Users Posts: 95 Big grins
edited August 25, 2014 in SmugMug Customization
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?

Comments

  • AllenAllen Registered Users Posts: 10,013 Major grins
    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
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    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
  • hadronhadron Registered Users Posts: 95 Big grins
    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;
    }
  • hadronhadron Registered Users Posts: 95 Big grins
    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;
    }
Sign In or Register to comment.