Highlight the active thumbnail in WordPress Gallery Plugin

Product: WordPress Gallery Plugin


My clients purchased the commercial version of your plugin on my request and would now like to implement some adjustments if that is possible.

We would like to be able to highlight the active thumbnail using a green colour. We are using the "Media page" skin.

With the present settings it is very hard for visitors to see which thumbnail is active in the gallery. Is there CSS code or additional code that needs to be added to the Advanced Options of the plugin so that this can be accomplished? Can you provide the additional code required to make this possible.


In step 3, Options tab, Advanced Options, enter the following text to the Advanced Options field:


Continue reading

Callback from WonderPlugin Gallery when a video is changed


* This question is for WonderPlugin Gallery Plugin.

I’d like to know if there is a way to get a call back from WonderPlugin when a video is changed in the gallery, this is to show related content to that specific video within the playlist.


There are two events you can use:

onchange: The event will be be fired on changing the slide.
onvideoend: The event will be be fired when the video playing ends.

To use the events, firstly, you need to define a JavaScript function in your webpage, for example:

<script language="JavaScript">
    function onSlideChange(data) {
        try {
        } catch (error)   {}
    function onVideoEnd(data) {
        try {
        } catch (error)   {}

In the above code, data is the data array of current slide object, the definition is [index, Thumbnail address, File address, File address for video ogg file, Fire address for video webm file, Link address, Link target, Title, Description, Media type, Width, Height, Address for video poster image, Address for HD video, Address for HD Ogg file, Address for HD webm file].

Then in the plugin, Step 3, Options tab, Advanced Options, enter:


Show the carousel above the gallery


I've just found out about your Photo & Video Gallery recently and I absolutely love it. I'm considering buying the commercial licence but before I do, I want to check with you about a feature that I can't figure out.

I am using the skin Gallery. In Gallery Options, there's a 'Show Thumbnail Carousel" checkbox, which only shows the carousel below the main display. I would love to have the carousel above it, but I don't see an option for that. Is this possible at all, perhaps through CSS? Thanks for your help and looking forward to hearing from you.

Continue reading

Edit Titles of Video in WordPress Video Gallery



we have a small problem with your plugin.

All titles of our added YouTube videos are not showing in the
gallery on the website.

It shows the title of the picture file of the chosen video and not
the title that we put in the WordPress backend on "title".


In the plugin, Step 1, Images & Videos tab, when you add/edit the video, you can edit the title to whatever you like.


Change title font size of WordPress Gallery


I am working for my client to build a WP site and they have purchased the Wonderplugin Video Gallery Commercial plugin. I have activated it and want to reduce the text size in the Title. I have attached a screengrab to this email, as the site is on a test site and cannot be viewed by anyone but me yet. Can you please let me know what to do?


In Step 3, Options tab, click Advanced Options button, then enter the following text to the Advanced Options field:

data-titlecss="{color:#ffffff; font-size:12px; font-family:Armata, sans-serif, Arial; overflow:hidden; white-space:normal; text-align:left; padding:10px 0px;}"
data-descriptioncss="{color:#ffffff; font-size:10px; font-family:Armata, sans-serif, Arial; overflow:hidden; white-space:normal; text-align:left; padding:0px 0px 10px 0px;}"

A demo is as following:

Multiple jQuery loaded in WordPress


I have a website in progress, I used Wonderplugin for WordPress and as I came across on the development, I cannot get it working.

I already uploaded images and configured everything on WordPress.

I also copied the shortcode to the php page that I am working on. But the carousel does not show up.


Normally this problem is that there are multiple jQuery files added to your WordPress.

You can view the HTML source code of your webpage, and check how many jQuery are added in your website. In Google Chrome, you can view the HTML source code with menu View -> Developer -> View Source, then search text "jquery" in the source code.

There should be only one jQuery in the webpage, which is added by the WordPress system.

Some plugins add their own jQuery to the website, and this is not correct. A plugin should always use the system installed jQuery, and the js files added from a plugin will be added after the system jQuery.

A jQuery will destroy all other jQuery functions that are added before it. So if a plugin adds its own jQuery, it may destroy other jQuery functions.

To fix the issue:

In the plugin, Setting menu, you can try to check the option "Add plugin js scripts to the footer". This option will place the plugin js file to the footer and will fix the problem in most cases.

If the above option is not working, you can try to disable all other plugins and see whether the WonderPlugin works. If it works, you can then enable the plugins one by one, and find the plugin that has caused the problem.

If WonderPlugin is still not working after you have disabled all other plugins, then the extra jQuery may have been added manually to the theme or the page, you need to find the code and remove it.

Show description under the video for WordPress Gallery Vertical Skin


I am using the WonderPlugin Gallery Version 2.0.

Is there a way to show the description of the video under the video being played in the gallery ? I am using the Vertical Skin.



Yes, in step 2, Options tab, click the button Advanced Options, then enter the following text to the right side Advanced Options field:


A demo is as following:

Link target on Images of WonderPlugin Gallery and Grid Gallery


I would like to put a link on one of my images in a Gallery (and I also want to do the same thing in a Grid). I found two different options in the Edit window of my image in the Step 1: "click to open web link" (which seems to be the right one after some tests) and "Set web link target" (which does nothing for me, or I can not understand what it does and I would be happy if you can help me understand what it does).
Then, I have done some more tests with the "click to open web link" option, but I found some issues: firstly, with a link on an image of a Grid, the link is opened "correctly" as expected, but with a link on an image of a Gallery, the link is opened in a new tab and I really don't want that. So, perhaps it could be possible to change that or to add an option to be able to choose if the link has to be opened in a new tab or not?


For both plugins:

To force the link opening at the same tab, in the "Set web link target", enter: _self

To force the link opening in a new tab, in the "Set web link target", enter: _blank