WordPress Content Slide plugin: How to stop all of the slideshow images from displaying on page load

I recently ran into an issue with the WP Content Slide plugin where, when you first went to the website it was installed on, all of the images in the slideshow displayed in a line down the page for a split second before disappearing and only showing the top image like it was supposed to. Here is the solution (or workaround, more accurately) that I came up with to hide that line of images as they were loading.

In your WordPress admin panel, go to Plugins -> Editor. Select the Content Slide plugin from the drop down list of plugins to edit. In the content-slide/content_slide.php file, find this line of code:

#wpcontent_slider_container
{
 overflow: hidden; position: relative; padding:0px;margin:0px; text-align:center; width:<?php echo $total_width;?>px !important;
}

Now, simply add a height declaration to that code snippet, so that your code now looks like this:

#wpcontent_slider_container
{
 overflow: hidden; position: relative; padding:0px;margin:0px; text-align:center; width:<?php echo $total_width;?>px !important;height: 130px !important;
}

Obviously, you will want to change the height to whatever the height of your slideshow is.

Making this change fixed the problem and now all of the images are not shown as the page loads.

Let me know if you have any questions or run into any further issues.

  • Levi

    Thanks! This is working. But after I did this, the Navigation Buttons ( Square buttons at bottom) dissapears…

    • Libby Fisher

      Hi Levi!

      Hmm, can you send me a link to the page you are working on possibly? Then I can try and find the code that needs to be adjusted so that problem doesn’t occur. My email address is libby@thelibzter.com if you want to email rather than post the link here.

      Thanks!

  • hoe to change content/text position of content slider plugin in wordpress.i want to remove text under the plugin and place at other side.

    • Libby Fisher

      Hi,

      I imagine you could probably re-position the text the way you want by editing the plugin’s CSS. I would use Mozilla Firefox’s add-on Firebug to identify the line of code that controls the position of the text, and then open the relevant stylesheet and change the codes to move the text where I wanted it.

      Thanks for commenting, hope this helps!

  • Thanks!!! This worked for me.

    Shane

    • Libby Fisher

      Hi Shane,

      I am glad to hear that, thanks for letting me know. 🙂

      ~Libby

  • Aah finally a solution. I had a hard time trying to fix this matter. Thanks!!

    • Libby Fisher

      I am glad to hear this worked for you. Thanks for letting me know! 🙂