• 0
Sign in to follow this  
Followers 0

Carousel "jumps"


Question

Posted · Report post

Hello,

I am using the carousel shortcode here:


I've found though, that as the slides transition, it "jumps". I've turned off all plugins to see if it's a conflict the the issue remains the same.

Is there a fix for this?

Thanks

Share this post


Link to post
Share on other sites

10 answers to this question

  • 0

Posted · Report post

 

Hi there,

 

Try using the following css to see if this prevents the jump when the slide moves in/out of the frame.

 

.carousel-inner {
    height300px;
}

 

This did the trick, thank you James. Although I changed the height to 400 px  otherwise the captions were cut off.

 

Thanks again.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

Which carousel are you using?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The shortcode available here:

http://docs.pagelines.com/tutorials/shortcodes

 

  1. [pl_carousel name="PageLinesCarousel"][pl_carouselimage first="yes" title="Slide 1" imageurl="" ]
  2. Here is the first slide and it's caption.
  3. [/pl_carouselimage]
  4.  
  5. [pl_carouselimage title="Slide 2" imageurl=""]
  6. Here is the second slide, in all its glory.
  7. [/pl_carouselimage]
  8.  
  9. [pl_carouselimage title="Slide 3" imageurl=""]
  10. You can have as many slides as you can create.
  11. [/pl_carouselimage]
  12. [/pl_carousel]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello Jane - did you manage to resolve this? Are all your images the same size? 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Martin, 

 

No, I haven't found a fix for it so I'm using tabs instead...

 

To answer your question, all the slides were the same size.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I can't actually see where you have the Carousel shortcode on that page. However, your issue is most likely caused by Wordpress having the habit of adding <p> tags whenever you do a linebreak.

 

To resolve your issue, you can either remove all linebreaks from your shortcode so it appears as one long shortcode (on one line) or use the [pl_raw] shortcode and wrap it around your Carousel shortcode.

 

For example:

 

[pl_raw]

[Carousel Shortcode]

[/pl_raw]

 

The PL RAW simply stops Wordpress from adding line breaks. However, it can only be used once per page.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Danny,

 

Thanks for the quick reply.

 

I've followed both of your suggestions and the problem still remains:

 

 

Is this problem fixable?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you add your code to your post so I can test it on my end please.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Danny,
 
For sure - here it is:

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there,

 

Try using the following css to see if this prevents the jump when the slide moves in/out of the frame.

 

.carousel-inner {
    height300px;
}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0