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.