The Final Interim Solution.

Copy avia.js from the Parent Theme enfold > js > avia.js to the Child Theme enfold-child > js > avia.js

Then in the child theme functions.php file enqueue avia.js to load from the new location

function wp_change_aviajs() {
   wp_dequeue_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 );

enfold-child open and edit the avia.js file

At the top of the file replace/add the following:

(function($)
{	
    "use strict";
    
    // EXTENSION ----------------------------------------------------------------
	// KEEP IN OUTER SCOPE i.e. not in doc ready
    var active_hotspot = null;
    var active_hotspot_previous = null;

    function guidGenerator() {
        function s4() {
            return Math.floor((1 + Math.random()) * 0x10000)
                .toString(16)
                .substring(1);
        }
        return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
    }

    $('body').on('mouseover', 'div.av-image-hotspot.av-display-hotspot', function (e) {
        var guid = guidGenerator();

        if (active_hotspot && active_hotspot !== $(this).attr('data-guid') )  {
            active_hotspot_previous = active_hotspot;
        }
        active_hotspot = guid;
        $(this).attr('data-guid', guid);

    });

    $('body').on('mouseleave', 'div.av-image-hotspot.av-display-hotspot', function (e) {
        if ( $(this).attr('data-guid') === active_hotspot ) {
            e.preventDefault();
            e.stopImmediatePropagation();
            return false;
        }
    });
    // EXTENSION ----------------------------------------------------------------

    $(document).ready(function()

Scroll down to the following Function line 1645

        display_tooltip: function(e)
        {

add this replace/add this code:

      display_tooltip: function(e)
        {
        	// EXTENSION ----------------------------------------------------------------
            if ( active_hotspot_previous !== $(e.currentTarget).attr('data-guid') ) {
                $('[data-guid]').trigger('mouseleave');
            }

            if ( $(e.currentTarget).hasClass('open') ) {
                return false;
            }

            $('[data-guid]').removeClass('open');
            $(e.currentTarget).addClass('open');
            // EXTENSION ----------------------------------------------------------------        	
            var _self		= this,

Avia Layout Builder set the Image Hot Spot to Show Tooltips – On Mouse Hover

The hotspot tooltip will show on mouse hover and remain visible, allowing the user to interact with hotspot content buttons, links etc.
Only one hot spot tooltip will remain visible. When you hover a second hotspot the first hotspot tooltip will hide and the new hotspot tooltip will be visible.

Hi,

Thanks for your reply. I reached out to them and basically, the above-mentioned task is possible, but only by using a shortcode. It should be added in the post / page where the link to the PDF exists.
An example of this is shown down below:

[trp_language language="en_US"]  
  <img src="https://example.com/image_en.png" />  
[/trp_language]  

[trp_language language="fr_FR"]
<img src="https://example.com/image_fr.png" />
[/trp_language]

So I have a PDF button and I want to add this code as the link to the PDF button so that when a user clicks on the button, it should open the corresponding PDF file based on the language selected. Do you have any idea on how I could make this work or how I could integrate this code with the PDF link option in Enfold?

According to their page, they handle security updates differently. I had selected the “defer updates” button when WP 5 came out and we saw the issues.

“SECURITY/MAINTENANCE UPDATES
This type of update contains security or minor fixes that are pushed out to repair a vulnerability or bug in the WordPress core. We immediately investigate that the change doesn’t adversely affect our platform then push it out to our customer’s installs. We have found that the vast majority of installs that are adversely affected by security updates are ones that are using the vulnerability that is being closed. Because of this, we cannot defer security updates as this would keep your site and our platform vulnerable. Given the timeframe, site administrators will only be emailed on the same day as the upgrade occurs.”

Full page here:

Having said this, the classic editor plugin seems to solve the issues I was having on ALB pages not loading, but the fact that there is an incompatibility makes me concerned to update to 5.0.1 until Enfold weighs in. I don’t think I will have a choice much longer according to WP Engine’s process.

Hi

I adding this code to the Quick CSS section under Enfold > General Styling / Quick CSS

#zoid-paypal-button-91236fbf3b.paypal-button-size-responsive {
display: none;
}

The yellow button PayPal is not delete

Best regards

you can check what I want here:

http://ferdyenanna.nl/

it’s made with

if you inspect the element from the bootom seems like seems like he has this code :

<div class=”flex_column av_one_full flex_column_div first avia-builder-el-13 avia-builder-el-no-sibling ” style=”padding:20px; background-color:rgba(216,159,132,0.81); border-radius:0px; “><section class=”av_textblock_section ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”avia_textblock av_inherit_color ” style=”color:#FFFFFF; ” itemprop=”text”><p style=”text-align: center;”>Hoi, wat leuk dat je een kijkje neemt op deze website! Mijn naam is Anna Korpershoek. Samen met mijn man Ferdy ben ik een aantal jaar geleden mijn droom officieel achter na gegaan door samen een fotografie bedrijf te starten. In dit bedrijf kon ik mijn passie voor fotografie, werken met mensen en het vereeuwigen van mooie momenten helemaal kwijt én het was super om samen met Ferdy te kunnen werken. Inmiddels heeft Ferdy ervoor gekozen zich volledig te richten op het geven van onderwijs en staat hij dus zelf niet meer achter (maar nu vóór de camera). Ikzelf wilde niet stoppen met dit mooie werk, dus vandaar dat ik in 2019 gewoon door zal gaan met fotograferen! Wil je meer over mij weten? Klik dan op de button hieronder!</p>
</div></section>
<div class=”avia-button-wrap avia-button-center avia-builder-el-15 el_after_av_textblock avia-builder-el-last “><span class=”avia_iconbox_title”>Meer Over Anna</span></div></div>

and yes he’s using enfold theme.

thank you

Thanks Mike. The solution from 007 is not working for me on pages that I had already opened to test… perhaps it only works the first time a page is opened? In any event I will wait for 4.5.2 before installing WP 5.0 on my production site. :)

“Edit: if you first – when you open an existing Enfold ALB Page goto “Save” : “Update” Button on the right top side – then the page will be as it should be – and the image of text-block element would not be this way above:”