-
AuthorPosts
-
January 17, 2014 at 1:16 am #210957
Is the the gallery supposed to look like the one at http://www.mountainstreamgroup.com? Why aren’t all the thumbnails all the same size and in 3 distinct rows? I had more images but I deleted some. Do I have to delete the gallery and start over?
January 17, 2014 at 3:14 am #210975Hey MtnStreamGroup!
I happens because your image in the between is not the same as size as others. Other two are 150x150px while the one in between is 150x170px. Please upload square images and it should look fine
Regards,
YigitJanuary 17, 2014 at 3:33 am #210989Square images for the thumbnails only or square images for the larger versions? It’s kind of difficult to have a square image when the full size is rectangular (longer height then width).
January 17, 2014 at 3:35 am #210991Hey!
You can go to Settings > Media and check thumbnail image sizes and check “Crop thumbnail to exact dimensions” if unchecked
Regards,
YigitJanuary 17, 2014 at 3:37 am #210992Thanks Yigit. The “Crop thumbnail to exact dimensions (normally thumbnails are proportional)” is checked.
- This reply was modified 10 years, 10 months ago by MtnStreamGroup.
January 17, 2014 at 3:41 am #210996Hey!
Can you try regenerating thumbnails using this plugin http://wordpress.org/plugins/regenerate-thumbnails/ then check if images are same size? If not, please create a temporary admin login and post it here privately
Cheers!
Yigit- This reply was modified 10 years, 10 months ago by Yigit.
January 17, 2014 at 4:12 am #211001It worked for the most part.Two of the images are smaller but that is due to the fact of their original size, So I’ll have to fix those two.
January 17, 2014 at 7:07 am #211047Hey!
You should probably crop the images manually before uploading them. Use image editor like photoshop. You can also give the img tag a unique css selector then specify the max height value. Example:
<img class="aligncenter" title="Experiential Communications Design" alt="Experiential Communications Design Photo" src="http://mountainstreamgroup.com/wordpress/wp-content/uploads/2011/01/mtnstreamgroup_experiential_communication_design.jpg" width="150" height="150">
You can add the css class beside the “aligncenter”. Let’s use the selector “fixheight”.
<img class="aligncenter fixheight" title="Experiential Communications Design" alt="Experiential Communications Design Photo" src="http://mountainstreamgroup.com/wordpress/wp-content/uploads/2011/01/mtnstreamgroup_experiential_communication_design.jpg" width="150" height="150">
You can add this on Quick CSS:
.fixheight { max-height: 150px; }
Best regards,
Ismael -
AuthorPosts
- The topic ‘Gallery’ is closed to new replies.