[RESOLVED] I can't produce correct thumbnail size for gallery
The BEPR demo "About" page contains a gallery comprised of four square images however on my site, the images appear as rectangles.
I've applied the "Force Thumbnail Regeneration" plugin to all image files however the mark-up of the gallery reveals the required thumbnail size does exist:
e.g. home_pr_video_gallery3-300x300.jpg does not exist.
I've tried regenerating images in bulk and individually.
Are there any known issues/conflicts or am I overlooking something obvious?
What do I need to do to achieve outputting the images in the square 300px x 300px size as per the original demo?
Further Testing Notes: To narrow things down, I freshly uploaded an image file to my media library, created a new page and inserted the image. I noticed that I only have the option to insert the image at full size or custom size. No option to insert as a thumbnail whatsoever.
Under Setting > Media, thumbnail sizes options are 150px, 300px and 1024px.
Here's my shortcode: [gallery columns="2" link="file" ids="2289,2290,2291,2287" style="flat"]
I've applied the "Force Thumbnail Regeneration" plugin to all image files however the mark-up of the gallery reveals the required thumbnail size does exist:
e.g. home_pr_video_gallery3-300x300.jpg does not exist.
I've tried regenerating images in bulk and individually.
Are there any known issues/conflicts or am I overlooking something obvious?
What do I need to do to achieve outputting the images in the square 300px x 300px size as per the original demo?
Further Testing Notes: To narrow things down, I freshly uploaded an image file to my media library, created a new page and inserted the image. I noticed that I only have the option to insert the image at full size or custom size. No option to insert as a thumbnail whatsoever.
Under Setting > Media, thumbnail sizes options are 150px, 300px and 1024px.
Here's my shortcode: [gallery columns="2" link="file" ids="2289,2290,2291,2287" style="flat"]
Comments
GD was disabled.
Solutions outlined here:
These are the sizes being regenerated by default 100x75, 1024x450, 1024x480, 1024x768, 150x150, 195x146,
300x225, 480x750, 50x38, 80x80, 85x85, 890x470, 960x375, 960x750
Still no 300px x 300px :-(
This done the trick:
Regenerate: 100x75, 1024x450, 1024x480, 1024x768,
195x146, 300x225, 300x300, 480x750, 50x38, 80x80, 85x85, 890x470,
960x375, 960x750
Q1: Presuming it's beTheme arbitrating the above sizes, is it really necessary to have over a dozen sizes variations per each image file?
Q2: I've also noticed a deviation between your hosted demo and my own imported demo. Image elements for the gallery render at 288px squared for your hosted demo but 293px squared for my imported demo. Any ideas was causing the 5px difference?
Regarding Q2, I've found the culprit:
...from style.php is overriding the default...
...this doesn't occur on your hosted demo.
I've checked the Muffin Option settings:
Global > General > Grid
...which is set at the default 1240px and explains the 5px deviation in the image elements of the gallery.
Manipulating the grid slider isn't easy. To first test it 1200px (as per your hosted demo) and then to revert it blank (to default to 1240px) I had to open Firebug, manually delete the readonly attribute and manually define the value.
Why doesn't your hosted BEPR demo match how imported demo will look? I know we're talking subtle deviations but one would expect the imported content to reproduce your hosted demo AS IS. This is purely to save pedantic developers debugging time in trying to figure out the causes of the deviations.
all information about media settings you can read on http://forum.muffingroup.com/betheme/discussion/938/problem-with-image-size-in-shop-slider-media-images-settings-sizes. Except changing sizes, you must use Force Regenerate Thumbnails plugin. And this is all you need to do.
Because gallery is default wordpress feature, if it does not work properly, we recommend to re-install WP files. But if this won't help, then you should look for a problem on server side because theme have nothing to this.
Q1: Yes, it's necessary because every item uses different sizes. If you don't need them, then you can remove some add_image_size() functions under functions/theme-functions.php file.
Q2: You may have images in the media before theme was installed and that's why the sizes are different. Also, the images we use may be different size while we upload them then your images and that's why there could be a difference between sizes.