Adjust Space between Captions and Comments?

James_FJames_F Registered Users Posts: 65 Big grins
edited November 4, 2014 in SmugMug Customization
I'd like to reduce the excessive space between the caption and the comments section below the images on the right on my SmugMug Gallery style galleries. I'd also like to have the comments section wider. For example, see http://jamesfarrell.smugmug.com/Archive/Site-Pages/Wildlife-Potpourri/Charles-M-Russell-NWR-Montana/i-HxsDt3j -

For the life of me I don't know why SmugMug cannot make it's SmugMug Gallery style more customizable.

Comments

  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited November 4, 2014
    James_F wrote: »
    I'd like to reduce the excessive space between the caption and the comments section below the images on the right on my SmugMug Gallery style galleries.

    You should be able to use this CSS code. Change the numbers in red to customize (it was originally 48pixels):
    /* Shrink the space before comments
    .sm-gallery-footer .sm-gallery-comments {
      padding-top: [COLOR="Red"]10[/COLOR]px;
    }
    
    James_F wrote: »
    I'd also like to have the comments section wider.
    You can use this CSS to get rid of the narrow max width of the comments section:
    /* Make the comments section wider */
    .sm-gallery-footer .sm-gallery-comments {
      max-width: none !important;
    }
    
    James_F wrote: »
    For the life of me I don't know why SmugMug cannot make it's SmugMug Gallery style more customizable.
    For the record, it was the first comment I left them when I upgraded to the New SmugMug too!
    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
  • James_FJames_F Registered Users Posts: 65 Big grins
    edited November 4, 2014
    leftquark wrote: »
    You should be able to use this CSS code. Change the numbers in red to customize (it was originally 48pixels):
    /* Shrink the space before comments
    .sm-gallery-footer .sm-gallery-comments {
      padding-top: [COLOR="Red"]10[/COLOR]px;
    }
    


    You can use this CSS to get rid of the narrow max width of the comments section:
    /* Make the comments section wider */
    .sm-gallery-footer .sm-gallery-comments {
      max-width: none !important;
    }
    


    For the record, it was the first comment I left them when I upgraded to the New SmugMug too!

    Thanks Aaron. Again, very helpful.
Sign In or Register to comment.