Options

Space between thumbnails and...

ParisParis Registered Users Posts: 126 Major grins
edited January 13, 2014 in SmugMug Customization
Hello,
Two questions:
1. How can I reduce the space between the thumbnails?
2. How can I get rid of the icon in the right bottom of the light box page that allows the view to change the photo size?
Thanks,
Richard.
http://www.richardparisphotography.ca/

Comments

  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited January 12, 2014
    Paris wrote: »
    Hello,
    Two questions:
    1. How can I reduce the space between the thumbnails?
    2. How can I get rid of the icon in the right bottom of the light box page that allows the view to change the photo size?

    I don't know the code for what you want, but you need to specify the gallery style you are using. I think there are limits or different options depending on the gallery style.
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,243 moderator
    edited January 12, 2014
    Paris wrote: »
    1. How can I reduce the space between the thumbnails?
    2. How can I get rid of the icon in the right bottom of the light box page that allows the view to change the photo size?
    I don't know how to reduce the space between the thumbnails (or even if it's possible). Hopefully someone else will jump in with the answer.

    To remove the photo size icon from lightbox, add this to your CSS: 
    .sm-button.sm-button-image-sizes { display: none; }
    It should probably be placed either in your theme CSS or in a CSS element for Entire Site.

    --- Denise
    https://www.denisegoldberg.com ... https://denise.smugmug.com

    Musings & ramblings at https://denisegoldberg.blogspot.com
  • Options
    ParisParis Registered Users Posts: 126 Major grins
    edited January 12, 2014
    denisegoldberg wrote: »
    I don't know how to reduce the space between the thumbnails (or even if it's possible). Hopefully someone else will jump in with the answer.

    To remove the photo size icon from lightbox, add this to your CSS: 
    .sm-button.sm-button-image-sizes { display: none; }
    It should probably be placed either in your theme CSS or in a CSS element for Entire Site.

    --- Denise

    Worked...Thanks Denise.
    Thanks,
    Richard.
    http://www.richardparisphotography.ca/
  • Options
    jwashburnjwashburn Registered Users Posts: 476 Major grins
    edited January 13, 2014
    Paris wrote: »
    Worked...Thanks Denise.

    For the spacing adjust this
    .sm-tiles-row-organic.sm-tiles-spacing-12 .sm-tile-wrapper {
    margin: 0 0 12px 12px;
}

    The first 12 is the space horizontally, the 2nd 12 is the space vertically
    Joey Washburn
    www.joeywashburn.com
  • Options
    ParisParis Registered Users Posts: 126 Major grins
    edited January 13, 2014
    jwashburn wrote: »
    For the spacing adjust this
    .sm-tiles-row-organic.sm-tiles-spacing-12 .sm-tile-wrapper {
    margin: 0 0 12px 12px;
}

    The first 12 is the space horizontally, the 2nd 12 is the space vertically

    Thanks for your help - didn't work at first try then added '!important' and that did the trick.
    Thanks,
    Richard.
    http://www.richardparisphotography.ca/
Sign In or Register to comment.