Docs

[Chris Stovall]

I have the X theme image slider running on two sites. They are both doing the same thing.

They are adding a ton of extra space below the slider until the 2nd slide is loaded.

http://savvyboxers.com/
http://i.imgur.com/FSk73E5.jpg

This one as well. Lots of areas this is happening.

Our Hotel

http://i.imgur.com/J9KOptY.jpg

Thanks!
CDS

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.x-flexslider.x-flexslider-shortcode.x-flexslider-shortcode-1, li.x-slide, ul.x-slides {
    height: 356px !important;
    overflow: hidden;
}

Hope that helps.

[Chris Stovall]

Does this fix the issue in both sites?

What is causing the problem? I assume it’s in the code and needs adjusting on your end since it’s affecting more than one site.

Please advise and add to the bug list for the next release?

[Rad]

Hi there,

I’m not getting that issue in my view even without that CSS. The slider calculates the height dynamically and I can see that it’s working. The above CSS adds the height, but that is static and will limit your slide’s height. Maybe we can fix it on your end by adding this javascript to Admin > Appearance > Customizer > Custom > Javascript

jQuery ( function( $ ) {

$(window).load( trigger_resize );
setTimeout( trigger_resize, 700 );

function trigger_resize () {

$(window).trigger('resize');

}

} );

This code is not really needed since load and resize are automatically triggered by your browser. But in case it didn’t this code should trigger it.

Hope this helps.

[Rue Nel]

Hello There,

Thanks for updating in! The slider initially set a height of the slider which is in proportion to the width. As soon as the images were loaded it should adjust the height. We already reported this to our developers. Once they’ll have this fix, it will be updated and will be included when we roll out our release update.

Thank you for your understanding.

[Chris Stovall]

I added this to TheEdenwild.com. Still not seeing it do anything different. All of the sliders have extra space until the next slide is loaded. It looks terrible currently.

I am running the current version of chrome on the mac.

I’m getting the exact same result in Firefox and Safari.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS
.x-flexslider .x-slides img {
max-height: 500px;
}

[Chris Stovall]

The plot now thickens. I have another site that’s on my local dev that is having the same time of image issues. It seems like it’s on all of the sites I host. The problem sounds more like a bug in the code somewhere after a recent update. Can you please look into that?

You had mentioned something about a “trigger?”

That seems not to be working now.

http://i.imgur.com/YWX42hE.jpg
http://i.imgur.com/ld9kKNq.jpg

Please try and figure out what’s causing this. It affecting many sites I host and maintain.

Thanks!
CDS

[Rad]

Hi there,

Would you mind providing your login credentials on these two sites? I noticed that scripts are loaded through CF’s Rocket loader which may affect how codes are executed (asynchronous).

Please disable the Rocket loader while I’m on it 🙂

Thanks!

[Chris Stovall]

It’s definitely the plugin. But it’s also the only plugin that has really worked. What can we do to try and get it working better with your software?

[Rad]

Hi there,

It should work, but make sure the cache and CDN are purged and cleaned correctly. Any remaining cache could affect it.

It’s not the actual plugin that has the issue, but the content it serves which might be from caches. And we know CF and Rocket Loaders uses the cache.

Unfortunately, It’s like trial and error. Clear the cache, disable the plugin, clear the cache again, and enable it again. Though, there is no guarantee, but that’s what I always do when it’s related to Rocket Loader and CF. Some works, some aren’t.

Thanks!

[Chris Stovall]

Yeah. I’ve done that a few times. The only solution is to disable the CSS and javascript compression.

Thanks!
CDS

[Joao]

Let us know if you need further help,

Joao

[Author]

Posts