Space between thumbnails and...

Paris

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?

ChancyRat

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.

denisegoldberg

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

Paris

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.

jwashburn

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

Paris

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.