Gallery thumbnails

Glad you like the plugin. Sure, we’ll look into it and see what is going on there with the theme setting.

The just released RPS Image Gallery 2.1.6 should address the issue. Set the theme to “Default” and the “Format” to the default your gallery supports. The options are “Default” (RPS Image Gallery unordered list), “HTML5” and “Legacy” (suitable for older themes using definition lists). Let us know how it works out for you.

It still doesn’t work. I tried setting the Theme to “Default” and tried all three HTML Formats. I also tried setting the Theme to “None” and tried all three HTML Formats. The only way I can get the gallery to display properly is to deactivate the plugin.

Understood. If you provide us with the name of the theme you are using, we can install and troubleshoot the issue. It will be interesting to see how the theme is defining the gallery and what we may need to do to address the compatibility issue.

I am building the theme for my client so it’s not publicly available. I could override the style rules that RPS Image Gallery is adding but there’s a lot that use the !important rule. I’m also concerned that future updates will have different style rules that need to be overridden.

Here’s a link to a gallery page using my theme:
https://allayn.com/night-to-discover-2014-photos/
Both the “HTML Format” and “Theme” are set to “Default”.

I can send you my theme if you can provide a method for sending it. This is the first theme i’v made so feel free to point out any mistakes I may have made.

If the goal is to disable all styles with the exception of those used by fancyBox, that should be accomplished by setting the Theme value to none, unless we missed something in testing. There is a master override under the Compatibility tab which disables all styles regardless of theme chosen but it may not work for you either though it might be worth a shot.

At this point we are not clear regarding what the gallery should look like so it is difficult to tell which RPS Image Gallery styles are not desirable. If you get a chance, please provide a screen capture of the gallery with RPS Image Gallery disabled and one with it enabled.

Also, if you would like us to have a look at the theme you are working on, you can do so by uploading an archive and sending us the link to it using the contact form on our site.

My goal is to disable all styles with the exception of those used by fancyBox. I tried setting the Theme value to none but there are still a lot of RPS Image Gallery styles being applied to my gallery. Turning the styles off under the Compatibility tab doesn’t seem to do anything.

I’ve uploaded my theme and sent you a link to it, but my theme is not meant to work with all types of content and it relies on other plugins to display properly. The gallery should display fine though. Here’s a link to what the gallery should look like:
https://allayn.com/test/screenShot.jpg

We received your theme and tested it for compatibility issues. It appears we were outputting a nested div in the gallery tag to wrap the figure elements, which is different from the default WordPress gallery output. Upon modifying the output, things seemed to fall into place.

A few moments ago we sent you a link to a pre-release version of RPS Image Gallery which includes not only the fix for the issue you are having, but also some nice feature additions that have been requested by other users. Hopefully you get a chance to download and test it out before we finish testing and release the new version early next week.

We look forward to hearing from you.

I installed the new plugin version that you sent me. I set the HTML Format to Default and Theme to None and I’m still getting styles from the plugin. The thumbnail size and alignment are both being affected. Turning the Styles off under the compatibility tab still doesn’t help.

I sent you an email about the other features that you wanted me to look at.

There are classes assigned to the gallery generated by RPS Image Gallery even if the styles are set not to load.

Perhaps it is worthwhile to walk through the settings one more time just to be sure everything is set the same on your development environment and ours.

Under Settings > RPS Image Gallery in the WordPress admin in the Gallery section, set Format to HTML5 (the native output for your theme) and Theme to None (no gallery styles will be loaded).

You should notice the only stylesheets loading from RPS Image Gallery with the above settings is the one containing the default fancyBox styles (id=’rps-image-gallery-fancybox-css’) and the base plugin styles (id=’rps-image-gallery-css’). With the above settings we noticed no visible difference in the gallery layout whether RPS Image Gallery was active or not.

It is worth noting that even though the gallery was set to 6 column, the most we could get to show with the theme you provided was 4 columns. It may have something to do with the underscores theme, the flexbox model and the thumbnail sizes we are using (150 X auto).

A possible reason why you may not be seeing the same results we are is because of browser/server caching. Not sure what your development environment is, but sometimes caching can certainly get in the way. You can of course disable caching on your browser, but server caching can be a little trickier to overcome. Best bet is to use a virtual machine with a custom config where you have full control.

At this point we ask you to try the settings above, look at the source code and verify the stylesheets (ids) are indeed not loading. This is the best indicator that RPS Image Gallery is doing what it is supposed to do when you tell it to not load gallery styles. Let us know what you discover.

Okay now we’re getting somewhere. I didn’t try setting the HTML Format to HTML5 with the new plugin update. With that setting my gallery layout looks great! The thumbnail size is still affected by the Gallery Image Size option under the Image Sizes tab. I tried the blank option and the Original File option but they both generate huge thumbnails. It would be nice if there was a “None (use active WordPress theme defaults)” option for the Gallery Image Size also. The 150 x 150 option looks good but still it would be nice if my theme set the thumbnail size. That way I could have different thumbnail sizes for different screen sizes.

Thanks for all your help and patience

Glad things are beginning to come together for you. I’m not sure we can specify any other image sizes except those that are registered. According to the gallery index on the codex:

Valid values include “thumbnail”, “medium”, “large”, “full” and any other additional image size that was registered with add_image_size(). The default value is “thumbnail”. The size of the images for “thumbnail”, “medium” and “large” can be configured in WordPress admin panel under Settings > Media.

Does the RPS Image Gallery settings page for image sizes list the specific image size you wish to use, or is it missing from the drop down menu for the Small Image? If it’s missing, it could mean the image size is being registered after RPS Image Gallery.

Just let us know. Thanks.

I forgot that the thumb sizes were set in the wordpress admin settings. I’m still confused about something though. If I set the thumbnail size in wordepress to 100 x 100 with your plugin deactivated, wordpress adds width and height attributes to the image tag. This makes the max width or height 100 pixels as I would expect. With your plugin activated, the width and height attributes are gone and the thumbs display with a max width or height of 152 pixels for some reason. Even though the Gallery Image Size drop-down list in your plugin settings displays “Thumbnail (100 x 100)”. I also tried setting the thumbnail size in wordpress to 200 x 200 but the thumbnails display at a max width or height of about 150 pixels whether you plugin is activated or not. I’m guessing the thumbnail sizes need to be set before uploading gallery images.

Hope that all makes sense.

It makes sense. We’ll see about getting the image dimensions added.