Recently Asked Questions and WordPress Tutorials
Product:
All Wonder Plugins
Question:
I purchased the Pro version and received my membership login credentials. I downloaded the Pro version and followed the upgrade instructions provided on your website. However, the free version watermark still remains.
Product:
All WonderPlugin Products
Question:
I am moving my WordPress development site to production. I did a search and replace in the WordPress database, but the images in the carousel slider still link to the old domain.
Product:
Question:
How do I enable the lightbox effect on the slider, as can be seen in this example?
https://www.wonderplugin.com/wordpress-slider/examples/wordpress-slider-with-lightbox-popup-id26/
Product:
All WonderPlugin Products
Question:
In the plugin, settings menu, I checked the option "Add plugin js scripts to the footer", but the plugin js files are not added to the WordPress footer.
Answer:
The plugin is using WordPress hook wp_footer to print the plugin js scripts to the footer. wp_footer is one of the most essential theme hooks.
The problem is because your WordPress theme does not call the WordPress function wp_footer() and the hook is not enabled. Please contact your WordPress theme provider and ask for how to support the wp_footer hook.
For more details about wp_footer hook and wp_footer() function, please view: https://codex.wordpress.org/Plugin_API/Action_Reference/wp_footer and https://codex.wordpress.org/Function_Reference/wp_footer.
Product
Question
Some of our pages function better with different skins depending on whether we are using desktop or mobile.
Is there a way to use different skins for desktop and mobile?
Answer
You can create two WordPress sliders, one for mobile, one for desktop.
After you have created two sliders, you can add the following code to your post or page. Please be sure to change the ID value in the code to that of your own sliders.
<div id="largescreen"> |
[[wonderplugin_slider id="1"]] |
</div> |
<div id="smallscreen"> |
[[wonderplugin_slider id="2"]] |
</div> |
Then you can add the following CSS code to your WordPress theme style.css file to show the small slider when the screen width is less than 640px:
#largescreen { |
display: block; |
} |
#smallscreen { |
display: none; |
} |
@media (max-width: 640px) { |
#largescreen { |
display: none; |
} |
#smallscreen { |
display: block; |
} |
} |
Product:
Question:
I added the slider shortcode to a WordPress page, but the slider is not showing up, and I found the following error in the Chrome JavaScript console: Uncaught TypeError: jQuery(...).wonderpluginslider is not a function
Answer:
This problem is normally because there are multiple jQuery loaded in your WordPress.
Please view the following tutorial for how to fix the problem: https://www.wonderplugin.com/wordpress-carousel-plugin/multiple-jquery-loaded-in-wordpress/
Product:
WonderPlugin Gallery, WonderPlugin Slider, WonderPlugin Portfolio Grid Gallery
Question:
Is 8MB the largest upload size you offer with the WordPress portfolio grid gallery? I tried to add a video file but the video was way too large.
Answer:
8MB is a limit from your web server.
You need to change the web server PHP configuration file to change the limit. If you are using a shared web hosting, you need to contact your web hosting provider and ask them to make the change.
Or you can upload the video file to your web server via FTP client software, then add the video URL link directly to the plugin.
Product:
Question:
It isn't possible to have two different texts?
One that is long and works in "big screens" and one that works on phones etc?
Answer:
In your title, you can try to enter HTML code like following:
<span class="largescreen">This title is for large screen</span><span class="smallscreen">This title is for small screen</span> |
Then in the plugin, step 3, Options tab, Advanced Options, enter the following text to the Custom CSS box:
.largescreen { |
display: block; |
} |
.smallscreen { |
display: none; |
} |
@media (max-width: 640px) { |
.largescreen { |
display: none; |
} |
.smallscreen { |
display: block; |
} |
} |
The above CSS code will hide the text of class largescreen and show the text of class smallscreen when the screen width is less than 640px.
Product:
WordPress Slider Plugin Version 3.2 and above
Question:
I’ve downloaded your wonder plugin slider. It’s a really nice tool and the text navigation is exactly what I’ve been looking for to use on a website I’m working on.
When creating images for the slider there are fields to enter the title and description. The title shows up in the navigation text, but what about the description? I’d like to be able to have the image show with the title and description on the right side of slider, while still keeping the tabbed text navigation. Is this possible through CSS, or an available option in the commercial version?
Question:
In the slider can one change the background color of the container via the interface instead of altering CSS?
Answer:
You can place the slider inside a div container, and change the background color this "container".
For example:
<div style="background-color:#333;"> |
[[wonderplugin_slider id="39"]] |
</div> |
The demo is as following:
