Video slider for WordPress theme Ironfit

Product:

WonderPlugin Slider

Question:

I created a video slider with WonderPlugin Slider. When I preview the slider, it offers the play button to play the video. However, when I go to the live site it does not offer the play button and only shows the thumbnail photo. I am using the theme Ironfit from themeforest.

Continue reading

Different sliders for desktop and mobile

Product

WonderPlugin Slider

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;
  }
}

8MB Upload Size Limit

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.

Different texts for big screens and mobile devices

Product:

WordPress Slider Plugin

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.

Customize Text Effect of WordPress Slider Plugin

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?

Continue reading

Change background color the WordPress Slider

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: