Vertical and Horizontal not working

Link to site? It may have to do with the sizing of your slides. You should make sure they are all the exact same sizes when doing horizontal/veritical.

Hm… That could a be a problem. It’s all my localhost right now. I want to make sure I get everything working before I put the new website live…

But what you’re saying is sizing doesn’t matter when it comes to Fade effect, but it does with the horizontal/vertical effect? I’m using just one slider, I just wanted to see the different effects and noticed what was happening.

With the vertical effect the slides definitely need to be the same height or it will look strange. This is just due to how the slider is set up.

With the horizontal you really shouldn’t have any problems regardless of the size as the width is automatically set to be 100%.

I would try and disable all plugins and revert to default wordpress twenty eleven theme and see if it works then. It is probably being caused by another plugin or your theme.

Let me know how it goes.

I’ve been getting this same issue on localhost – switch to horizontal and no images are displayed.

I’m having the same problem. Only the fade effect works.

Testing with 2 slides that are the same size and a third slide with an embedded video that is set to the same width and height of the other slides. The slider is also set to the same size as the slides. If I switch to horizontal or vertical it breaks the slider.

Testing it with Twenty Twelve Theme using WordPress 3.5.

Really would love to get this to work with Slide Horizontal. You can see the slider set to Slide Horizontal here: https://dangerouscat.com/demo/1/

Any update on this? The post is marked as resolved. What is the solution? I’m having the exact same issue.

Any progress? Having the same problem. Figured out that the height setting is 133px but changing it from functions.php doesn’t fix the problem.

Hi!
I had the same problem and found a solution.

Flexslider duplicates the first and the last slide when these settings are used animationLoop: true, direction: slide.

These slides got added in the wrong place, outside the <ul class=”slides”> instead of inside the ul.

This is how i fixed the problem:
1. Open “captain-slider.php” inside the “wp-content/plugins/captain-slider/” folder.
2. On line 115 you will see “smoothHeight: true,”
3. Add selector: “ul.slides > li” on the line below

This should fix the problem.

If you want you can change useCSS to useCSS: true. This will make the slider more mobile friendly. And if you don’t like the slider “animating” its height when the slider loads you can set smoothHeight to false, smoothHeight: false. But don’t change this setting if your using images with different heights inside the slider.

Hope this helps!

Hi jontaxtic !

i too had the same problem. it helped and its working thanks for sharing it.

For me this was not a fix. Does anyone have any suggestion on how to fix the vertical slider. It just breaks when I try.

Link Here