Hi,

Thanks for the update.

I’m not really sure what’s going on in that page but I get a lot of “conflict” or 409 errors. Did you modify the .htaccess file? Please try to deactivate the plugins temporarily.

// https://pastebin.com/syHUTVzk

Best regards,
Ismael

Hi,

I’m not really sure what you meant by that. Can you give us a screenshot or a mock up?

Best regards,
Ismael

Hi,

Thank you for using Enfold.

Are you using a multilingual plugin? This other plugin might help: https://wordpress.org/plugins/hreflang-tags-by-dcgws/

Best regards,
Ismael

Hey Switzer,

Thank you for using Enfold.

That filter returns an array with the api url and the api version without the arguments, both are strings, so you can’t add arguments by returning or merging it in the array. You have to append the arguments as a query string in the api_url or “source” value.

add_filter( 'avf_google_maps_source',  'pi_google_maps_url', 10, 1 );
function pi_google_maps_url(array $api_src){
        // update the current google maps api version
        $api_src['version'] = '3.35';

        // add delicious new arguments
		$pi_args = array(
			'libraries'	=>	'places',
			'language'	=>	'de',
			'region'	=> 	'DE'
        );

        $api_src['source'] = $api_src['source'] . '?' . http_build_query($pi_args);

		return $api_src;
}

In the latest version, we’ll set the api version to release channels instead of the actual version number, so you don’t have to filter it.

// https://developers.google.com/maps/documentation/javascript/versions

Best regards,
Ismael

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