Hi,

The lightbox script will automatically open videos inside a lightbox even without the iframe parameter. Try to remove it and then check the page again.

Best regards,
Ismael

Hi,

Alright. We’ll close the thread now. Have a nice day!

Best regards,
Ismael

Hi,

Looks like you can’t play the video with sounds unless the user interact with the video first. This script sets the volume to 100% but then the browser automatically pause the video because there’s no interaction.

add_action('wp_footer', 'ava_custom_vimeo_api');
function ava_custom_vimeo_api(){
    ?>
    <script src="https://player.vimeo.com/api/player.js"></script>
    <script type="text/javascript">
        document.addEventListener( "DOMContentLoaded", () => {
            var player = null;
            let slide = document.querySelector('.av-video-slide'); 
            let iframes = slide.getElementsByTagName('iframe'); 

            for (var i = 0; i < 1; i++) { 
                player = new Vimeo.Player(iframes[i]);
            }

            player.on('play', function() {
                console.log('playing');
                player.setVolume(1);
            });

            // player.on('pause', function() {
            //     console.log('paused');
            //     player.play();
            // });
        });      
	</script>
	<?php
}

This is what you’ll get after setting the volume:

player.js:2 Unmuting failed and the element was paused instead because the user didn't interact with the document before. https://goo.gl/xX8pDD

If you listen for the “pause” event and call the play method there, the browser will pause the video infinitely.

One workaround is to disable the autoplay and then add a caption > button to the slider. Users will then be able to play the video manually. Use this code to trigger the play method when the user click on the slider button.

add_action('wp_footer', 'ava_custom_vimeo_api');
function ava_custom_vimeo_api(){
    ?>
    <script src="https://player.vimeo.com/api/player.js"></script>
    <script type="text/javascript">
        document.addEventListener( "DOMContentLoaded", () => {
            var player = null;
            let slide = document.querySelector('.av-video-slide'); 
            let iframes = slide.getElementsByTagName('iframe'); 

            for (var i = 0; i < 1; i++) { 
                player = new Vimeo.Player(iframes[i]);
            }

            player.on('play', function() {
                console.log('playing');
                player.setVolume(1);
            });

            slide.querySelector('.avia-slideshow-button').addEventListener( 'click', () => {
                player.play();
            });
        });      
	</script>
	<?php
}

Best regards,
Ismael

Hi,

Thanks for the update. Try this filter instead:

add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod');
function avf_portfolio_cpt_args_mod($args) {
	$args['exclude_from_search'] = true;
	return $args;
}

Best regards,
Ismael

Hi,

Please use the font face rule as suggest above. You can’t upload non-gooogle-font files to the theme’s font manager.

Best regards,
Ismael

Hi,

Have you tried running the shortcode parser? Enable the debug mode, set the parser to the second option and then update the page. This will repair the shortcode structure automatically.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#shortcode-parser

Best regards,
Ismael

Hi,

You can’t make the whole image visible on smaller screens without distorting the image.
Use this css code to increase the height of the section on mobile view:

@media only screen and (max-width: 767px) {
#duennesheaderbild {
    height: 200px;
}
}

You can also use that code to change the background source:

@media only screen and (max-width: 767px) {
#duennesheaderbild {
height: 200px;
background-image: url( IMAGE URL FOR MOBILE HERE ) !important;
}
}

Best regards,
Ismael

Hi,

It works when I use a different image. Did you translate the media files?

// https://wpml.org/documentation/getting-started-guide/media-translation/

Best regards,
Ismael

Hi,

Thank you for using Enfold.

We created a plugin version of that script. You can find it here: https://github.com/KriesiMedia/enfold-library/tree/master/customizations/enfold-recaptcha

Best regards,
Ismael

Hi,

page.php file so that it renders after the content?

Edit the includes > loop-page.php file and look for this code:

  echo '
<div class="entry-content" '.avia_markup_helper(array('context' => 'entry_content','echo'=>false)).'>';
                    the_content(__('Read more','avia_framework').'<span class="more-link-arrow"></span>');
                echo '</div>
';

Insert the render function below.

Best regards,
Ismael

Hi,

Thanks for the update. The site is displaying properly on my end. Did you remove the browser cache? Please try to hard refresh the page.

// https://www.getfilecloud.com/blog/2015/03/tech-tip-how-to-do-hard-refresh-in-browsers/

And the styling changes when I adjust it.

Best regards,
Ismael

Hi,

My bad. A single comma is missing. Please download the plugin again or edit the public/class-enfold-recaptcha-public.php file line 127:

"type" 	=> "textarea"

Add a comma:

"type" 	=> "textarea",

And adjust line 187:

$desc = avia_get_options( 'recaptcha_enfold_desc' );

to..

$desc = avia_get_option( 'recaptcha_enfold_desc' );

Best regards,
Ismael

Hi,

@Jables: I can’t see any issue on that page. Can you give us a screenshot? Use imgur or dropbox.

Best regards,
Ismael

Hi,

My bad. I can see the issue now. Did you modify any of the theme files? I can’t reproduce the issue on my installation.

Best regards,
Ismael

Hi,

Add this code above the previous script tag.

<script src="https://player.vimeo.com/api/player.js"></script>

That should fix the error in the console:

ReferenceError: Vimeo is not defined

Best regards,
Ismael