Hi,

What happens with the slider on iPad view? Is it displaying or not?

Best regards,
Ismael

Hi,

I see. Have you tried adjusting the css media query above? Change the max-width value from 768px to 1024px.

Best regards,
Ismael

Hi,

There was an extra space before the actual API key. I removed the space and revalidated the key. It’s working properly now.

Best regards,
Ismael

Hi,

Yes, it would affect all gallery elements. Please remove the css code and then edit the config-templatebuilder > gallery > gallery.php file. Look for this code around line 354:

$output .= $style == "
<div class='avia-gallery-thumb'>{$thumbs}</div>
";

Replace it with:

$output .= $style == 'thumbnails' || strpos($style, "lightbox") === false ? "
<div class='avia-gallery-thumb'>{$thumbs}</div>
" : null;

Let us know if it helps.

Best regards,
Ismael

Hi,

I disabled the File Compression settings from the Enfold > Performance panel. Please try the css code again.

Best regards,
Ismael

Hi!

Sorry about that. I adjusted the code a bit and it worked properly on my installation. Please try it again.

// https://kriesi.at/support/topic/calendar-pro-single-event-php/#post-1032435

Cheers!
Ismael

Hi,

And why does the problem exist in general?

The gallery script fails to calculate the actual or proper position of the gallery items because the images load later than expected. This issue usually happens on a gallery with a lot of images. The script above should force the gallery items to reposition until the site is fully loaded.

Victoria, I added the script because Ismael recommended adding this scirpt!

Did you set jQuery to load in the footer? Please check the Enfold > Performance panel.

I adjusted the code a bit and readded it in the functions.php file :

 function ava_enqueue_custom_script() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', "(function($){	
            var int = window.setInterval(function(){
                console.log('tick');
                $(window).trigger('resize');
                $(window).trigger('av-content-el-height-changed');
            }, 1000);

            $(window).on('load', function() {
                setTimeout( function() {
                    clearInterval(int);
                }, 5000 );  
            });
        })(jQuery);" );
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script', 9999);

Let us know if it’s working properly.

Best regards,
Ismael

Hi,

Can you give us an actual link to the post with the issue? I’m not really sure where or what to check.

Best regards,
Ismael

Hi,

2.) Looks like you’ve found the correct css code for the button color.

3.) I’m not really sure about this but I think the Course Progress Bar and Course Navigation widgets will only work if you’re on an actual course page. Please contact the plugin author for confirmation.

Best regards,
Ismael

Hi,

Thanks for the update. We’ll forward the issue to the dev. FYI, this same code works for another user.

// https://kriesi.at/support/topic/slightly-increase-the-image-on-hover-not-workin-after-update-to-4-5-2/#post-1029075

Best regards,
Ismael

Hi,

Thanks for the update.

There’s a minor syntax error. This css code should work.

#top .aviaccordion-preview-title-pos {
    opacity: 1;
    filter: alpha(opacity=100);
}

#top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview {
    -webkit-transition: none !important;
    transition: none !important;
} 

#top .aviaccordion-preview-title-wrap {
    background: rgba(0, 0, 0, 0) !important;
}

#top .aviaccordion {
	height: 150px;
}

#top .aviaccordion-image {
    opacity: 1 !important;
    transition: none !important;
}

Best regards,
Ismael

Hi,

The autoplay parameter is being appended to the video url. Did you add any modifications or custom functions to the site?

Best regards,
Ismael

Hi,

You’re welcome. Please open a new thread if you need anything else. :)

Best regards,
Ismael

Hi,

to just put it into a code block on the page.

You have to wrap it in a style tag in order for it work.

<style>
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    margin-bottom: 0 !important;
}
</style>

Best regards,
Ismael

Hi,

and my second problem is with upward the content on transparent header. I got this code from you:

Where are you testing it? Try to adjust the css media query a bit.

@media only screen and (max-width: 768px) {
.responsive #top #main {
    margin-top: -80px;
}
}

Best regards,
Ismael