Ok i went to media types and set my gallery thumbnails media type to 'thumbnail'

Now if i goto Image Styles and edit 'thumbnails' and say i resize the thumb. Nothing happens. If i recrop and resize it will remain the same size but crop as in its zoomed in.

How can I make the gallery thumbnails smaller?

Id also like to know which class to alter to remove the white border around thumbs?

Comments

anavarre’s picture

Version: 7.x-1.0-beta3 » 7.x-1.0-beta4

Subscribing. Same problem here with beta4.

SharonD214@aol.com’s picture

Same here with beta7

Sharon

anavarre’s picture

Version: 7.x-1.0-beta4 » 7.x-1.0-beta7

Changing version accordingly.

hagit’s picture

Same here with beta7

Moloc’s picture

This is a CSS issue. The image style is used in the collection view (for viewing the galleries) and the gallery view (viewing the media of a gallery) and in block-view. Changing the image style will affect this views.

You may not see any change, because media_gallery uses CSS to stretch the image in width to 100% of the column-width (height depends on the same stretch-factor as used in width). I think, this is a feature, so you can set in the gallery-settings the amount of columns. The images depend on the column-count and are either smaller or greater as the original (defined in the image style).

The easiest way to make the images smaller is adding a margin-value to the item at:
media_gallery.css

 157 .media-gallery-media .media-gallery-item {
 158   background: #FFFFFF;
 159   border: 1px solid #666666;
 160   padding: 2%;
 161 }

Note: This code is also responsible for creating the border with the white space around the thumbs.

lsolesen’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.