Options

Width of Lightbox caption area

W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
edited October 4, 2013 in SmugMug Customization
I know it's been posted before, but I've searched and searched but can't find how to widen this box. Help or a link please? :D
At SmugMug • On Facebook • Photo Blog • Tools of Trade

Comments

  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 4, 2013
    W.W. Webster wrote: »
    I know it's been posted before, but I've searched and searched but can't find how to widen this box. Help or a link please? :D

    It's in my "Frequently Requested Mods" post that is now stickied in this forum: http://www.dgrin.com/showthread.php?t=237930

    Search on "Make the lightbox caption wider"
    /* Make the width of the lightbox caption wider */
.sm-user-ui .sm-lightbox-caption[COLOR="Red"],
.sm-user-ui .sm-lightbox-title[/COLOR] {
  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;
}
    (Updated on 2013-10-04 @ 12:24am PT to make the title also expand. See code in red)
    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
  • Options
    W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited October 4, 2013
    Thanks - I looked there but didn't see it! eek7.gif
    At SmugMug • On Facebook • Photo Blog • Tools of Trade
  • Options
    W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited October 4, 2013
    That widened the image caption, but not the title above. I'd also like the title to match - perhaps I should have been more specific. Can someone kindly advise the additional code to achieve this?
    At SmugMug • On Facebook • Photo Blog • Tools of Trade
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 4, 2013
    W.W. Webster wrote: »
    That widened the image caption, but not the title above. I'd also like the title to match - perhaps I should have been more specific. Can someone kindly advise the additional code to achieve this?

    By someone do you mean me? :)

    I updated my code above to include the title too. Let me know if it doesn't work. I don't have any really long titles to test it on. Or give me a link to your site with an example of a really long title so I can test the code.
    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
  • Options
    W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited October 4, 2013
    leftquark wrote: »
    By someone do you mean me? :)

    I updated my code above to include the title too. Let me know if it doesn't work. I don't have any really long titles to test it on. Or give me a link to your site with an example of a really long title so I can test the code.
    I was only meaning that I wasn't just prevailing upon you yet again, but I'm grateful you have made the effort for me! Thanks. I'll let you know shortly if this doesn't work.
    At SmugMug • On Facebook • Photo Blog • Tools of Trade
  • Options
    W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited October 4, 2013
    All appears well now - thanks!
    At SmugMug • On Facebook • Photo Blog • Tools of Trade
Sign In or Register to comment.