Hey Arthur,

Could you post links to where we can see the tooltips please?

Best regards,
Rikard

Hi,
Thank you for the admin access, so the issue was that the title was being added twice by to different elements, here is the updated code that I added to solve:

function remove_tooltip_title(){
  ?>
    <script>
jQuery(window).load(function(){
        jQuery('.av-masonry-entry').removeAttr('title');
	 jQuery('.av-masonry-image-container').removeAttr('title');
      });
</script>
  <?php
  }
add_action('wp_footer', 'remove_tooltip_title');

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, but it doesn’t seem to be an admin account so I can’t adjust the script. Please replace the above script with this:

function remove_tooltip_title(){
  ?>
    <script>
jQuery(window).load(function(){
        jQuery('.av-masonry-image-container').removeAttr('title');
      });
</script>
  <?php
  }
add_action('wp_footer', 'remove_tooltip_title');

Then check again

Best regards,
Mike

Hey Moondreamer21,
Thanks for the links, I have adjusted your new page and added all of the necessary css in a code block on the page, it is not in your Quick CSS, it is in a code block so you can copy it in the future, here it is again:

.html_entry_id_17448 #main { 
	/*size of page*/
max-width: 80% !important; margin: 0px auto !important; 
}
html.html_entry_id_17448 {
/*background of page*/
background: url("https://www.barrelracingtips.com/wp-content/uploads/2018/07/booksbodybg.jpg") #330000 !important; 
}
#top.page-id-17448 #header {
/*remove page header*/
display: none !important;
}
#top.page-id-17448 .container_wrap.title_container {
/*remove title container*/
display: none !important;
}
.html_header_top.html_header_sticky #top.page-id-17448 #wrap_all #main {
/*remove padding*/
    padding-top: 0px!important;
}
#top.page-id-17448 #after_full_slider_1.main_color {
/*remove background-image after slider*/
    background-image: none !important; 
}
@media only screen and (max-width: 430px) { 
/*mobile adjustment*/
#top.page-id-17448 .avia-slide-wrap {
height: 190px !important; 
}
#top.page-id-17448 .avia-slide-wrap img {
    top: 31% !important; 
}
}
@media only screen and (min-width: 431px) and (max-width: 1023px) { 
/*more mobile adjustment*/
#top.page-id-17448 .avia-slide-wrap {
height: 360px !important; 
}
#top.page-id-17448 .avia-slide-wrap img {
    top: 60px !important; 
}
}

Now please note the page id 17448 it is the page id of your new page, if you make another page you will need to change this number in all of the code above.
I also copied the form from your first book page that was in a code block to your new page, just for an example should you want to create a new form in the future, heres the code again:

<form id="optin" class="optin" action="https://www.aweber.com/scripts/addlead.pl" method="post" style="
    width: 100%;position:absolute;
">
<div style="display: none;"><input name="meta_web_form_id" type="hidden" value="1944510671">
<input name="meta_split_id" type="hidden" value="">
<input name="listname" type="hidden" value="stbrsamazon">
<input id="redirect_2f105a715ab5b2b3e16de5031a3d8e13" name="redirect" type="hidden" value="https://www.barrelracingtips.com/free-speed-development-guide">
<input name="meta_redirect_onlist" type="hidden" value="https://www.barrelracingtips.com/already-received">
<input name="meta_adtracking" type="hidden" value="Secrets_to_Barrel_Racing_Success_Free_Gift_Header_Form">
<input name="meta_message" type="hidden" value="1">
<input name="meta_required" type="hidden" value="name,email">
<input name="meta_tooltip" type="hidden" value="name||Name,,email||Email,,custom Amazon Order Number||Amazon Order Number"></div>
<div style="
    width: 100%;
">
<div id="name" class="af2-element" style="
    width: 10%;
    /* max-width: 140px; */
    display: inline-block;
"><input class="text name" tabindex="600" name="name" required="" type="text" placeholder="Name" style="
    background: white;
"></div>
<div id="email" class="af2-element" style="
    width: 10%;
    display: inline-block;
"><input class="text name" tabindex="601" name="email" required="" type="email" placeholder="Email" style="
    background: white;
"></div>
<div id="number" class="af2-element" style="
    width: 20%;
    display: inline-block;
"><input class="text" tabindex="602" name="custom Amazon Order Number" required="" type="text" placeholder="Amazon Order Number" style="
    background: white;
"></div>
<div id="submitbutton" class="af-element buttonContainer newbutton" style="
    width: 10%;
    display: inline-block;
"><input class="submit" tabindex="603" name="submit" type="submit" value="Send it!" style="
    border: solid thin darkgray;
    background-color: lightgrey;
    padding: 10px;
    /* border-radius: 2px; */
    color: black;
    margin: 5px;
    height: 35px;
"></div>
</div>
<div style="display: none;"></div>
</form>

and that should be it, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, Try adding this code to the end of your functions.php file in Appearance > Editor:

function remove_custom_tooltip(){
  ?>
    <script>
    jQuery(window).load(function(){
        jQuery('.av-masonry-entry').removeAttr('title');
      });
    </script>
  <?php
  }
add_action('wp_footer', 'remove_custom_tooltip');

Best regards,
Mike

Hi,

We tried to adjust the position of the hotspot but the result is still the same. It works properly when the tooltip position is set to “Right Below” — but not when it’s above or centered. We are not really sure why the initial calculation is off.

Best regards,
Ismael

Hi,

Thank you for the update.

We edited the script in the functions.php file, but it didn’t work. What happens when you slightly adjust the position of the hotspot, or the position of the tooltip?

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried using the Image element as suggested above? You can set the caption to display over the image, and adjust the overlay appearance. It is also possible to display the caption on hover.

Unfortunately, we can’t set the caption in the partner/logo element to go over the images because they are added as tooltip, which is rendered outside the item container.

Best regards,
Ismael

Hi,

Thank you for the info.

Yes, you’re correct. Temporarily, you can use this filter in the functions.php file to replace the double quotes in the reload string with single quotes.

add_filter('avf_auto_reload_message', function($reload) {
	return str_replace('"', '\'', $reload);
}, 10, 1);

The reload string is supposed to be inside the “data-avia-privacy-reload-tooltip” attribute, but it breaks out because of the double quotation marks. We’ll report the issue to the team.

Best regards,
Ismael

Hi,

Can you tell me: is this a problem of Enfold or a problem made by the browser Firefox?

It is probably an issue with the theme — specifically the script that calculates the tooltip position. Unfortunately, we won’t be able to provide you with a proper solution if we don’t have access to the site. Have you tried to adjust the tooltip position?

Best regards,
Ismael

Hey Biggy,

Thank you for the update.

We don’t really see anything wrong with the code — it looks fine. Can you give us a screenshot of the issue?

$output .=	'<div class="avia-privacy-reload-tooltip-link-container">';
				$output .= '<a class="avia-privacy-reload-tooltip-link" aria-hidden="true" href="#" rel="nofollow" data-avia-privacy-reload-tooltip="' . $reload . '"></a>';
				$output .= '</div>';

Best regards,
Ismael

Hi,

Thank you for the update.

The following script might help. Please add it in the functions.php file.

add_action('wp_footer', function() {
	?>
	<script>
		(function($) {
	            $('.av-image-hotspot').trigger('mouseenter');
		})(jQuery);
	</script>
	<?php
});

This will simulate a hover event on the hotspots on page load and it should trigger the script to calculate the position of the tooltip.

Best regards,
Ismael

Hi,

Thanks and sorry for that.

The fix is in this file: https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_4_6_3/helper-privacy.php

Replace /includes/helper-privacy.php.

Alternate you can replace in code:

Around line 1522:

$output .=		'<a class="avia-privacy-reload-tooltip-link" aria-hidden="true" href="#" rel="nofollow" data-avia-privacy-reload-tooltip="' . $reload . '"></a>';

replace with:

$output .=		'<a class="avia-privacy-reload-tooltip-link" aria-hidden="true" href="#" rel="nofollow" data-avia-privacy-reload-tooltip="' . esc_attr( $reload ) . '"></a>';

Will be part of the next update.

Best regards,
Günter