Hey fpwrotterdam!
Please use following code in Functions.php file in Appearance > Editor
function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('a').removeAttr('title');
jQuery('img').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');
Best regards,
Yigit
Hello guys…
We talked about this problem in this thread….
https://kriesi.at/support/topic/enfold-3-0-8-google-maps-widget/
I just updated to Enfold 3.1.0 and the tooltip still does not work properly… and actually now the map does not even display when you are logged into WordPress you have to be logged out… I have cleared the cache/history and tested on 3 different machines…
Here is the same link as before…
There are 2 maps on this page… one under VISIT SILC and the middle column of the footer…
http://www.securedinvestmentlending.com/contact-silc/
Regards,
Mark L. Lee
Hello guys…
We talked about this problem in this thread….
https://kriesi.at/support/topic/enfold-3-0-8-google-maps-widget/
I just updated to Enfold 3.1.0 and the tooltip still does not work properly… and actually now the map does not even display when you are logged into WordPress you have to be logged out… I have cleared the cache/history and tested on 3 different machines…
Here is the same link as before…
There are 2 maps on this page… one under VISIT SILC and the middle column of the footer…
http://www.securedinvestmentlending.com/contact-silc/
Regards,
Mark L. Lee
Hi!
Hmm, it looks like you have to hover over it at least once so the tooltip gets initialized. That’s going to be more difficult.
If you use just this.
.avia-tooltip {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
Then it should stick on the page after you hover over it once.
Cheers!
Elliott
This reply has been marked as private.
Hey simonac!
Please add following code to Quick CSS as well
.avia-tooltip .avia-arrow { background-color: #949494; }
Cheers!
Yigit
Hi i customized the color of the tooltip for the icons with this code:
.avia-tooltip { background-color: #949494; color: #ffffff; }
But now the liitle arrow / triangle under the tooltipbox is still back.
How tomeake this in the same color?
Regards,
Simon
Hi connect4consulting!
Try adding this to your custom CSS.
.avia-tooltip {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.av-image-hotspot { display: none !important; }
Regards,
Elliott
Hey!
Please add following code to Functions.php file in Appearance > Editor
function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('#top div .avia-gallery img').removeAttr('data-avia-tooltip');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');
Cheers!
Yigit
Hi Yigit,
The tooltip still shows. I did empty Cache. Could it be the ‘alt’ text that’s still there?
Cheers!
Charlotte
Hey Boulanger!
Please use following code in Functions.php file instead
function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('a').removeAttr('title');
jQuery('img').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');
Cheers!
Yigit
Hey!
Remove this code:
.home .avia-tooltip.avia-tt { top: 135%!important; }
Replace it with this:
.avia-tooltip {
margin-top: 100px;
}
The problem is, the tooltip will go away when you hover on the center of the image.
Best regards,
Ismael
Hi there,
For some reason I can’t get rid of the tooltip that shows up when I hover over the images in my masonry galleries. I tried both codes below but nothing seems to work. What am I missing?
jQuery(document).ready(function($){
jQuery('img').removeAttr('title');
});
(addes to avia.js)
add_action(‘remove_masonry_tooltip’);
function remove_masonry_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘.av-masonry-container a, .av-masonry-container img’).removeAttr(‘title’);
});
</script>
<?php
}
(added to functions.php)
Hope you can help me out here.
Thanks and kind regards,
Charlotte
Hello,
We upgraded to 3.0.8, then tried the modification suggested at https://kriesi.at/support/topic/tooltips-with-click/
It still does not seem to make a difference.
There was a line in /js/avia.js that we changed mouseenter to click, and it stopped the hover effect, but it did not work on click.
Please advise.
Thanks
This reply has been marked as private.
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-tooltip,.avia-tooltip .avia-arrow { background: rgba(240, 90, 26, 0.8); }
.home .avia-tooltip.avia-tt { top: 135%!important; }
Cheers!
Yigit
Hi all,
I’m using your great feature “image with hotspots”
It works well.
But by activating the google translation plugin (https://wordpress.org/plugins/google-language-translator/)
the tooltip position crashes – see page.
WIN8
Chrome, Firefox
Thank you for help!
Regards
Peter
Hi,
my customer wants to have the Tooltip not above the picture and not in black.
The Tooltip has to displayed in the middle of the Pictures and in a other Color.
Where can i change this.
Thanks for your support,
felixl
Hey!
You should insert the gallery images first, click one of the images then you’ll see a Custom Link field. Add the video url there. No, unfortunately, you can’t add a link to the marker but you can add html tags inside the marker tooltip. Please create a new thread for new inquiry.
Best regards,
Ismael
I found the following particular thread to see if it works:
https://kriesi.at/support/topic/tooltips-with-click/
Aparently, this dosn’t seem to help.
Basically, would like to replace the ‘hover’ effect on the Image Hotspots with a click effect in the same place. Any recommendations?
Hi!
Add this to the Quick CSS field:
.avia-search-tooltip form#searchform {
overflow-y: auto;
}
If it doesn’t work, use this:
.avia-search-tooltip form#searchform {
overflow-y: scroll;
}
Cheers!
Ismael
Hey sundialstudios!
This has been requested a few times and I think we should probably have something worked out for this soon but in the meantime try Josue’s code here, https://kriesi.at/support/topic/google-maps-tooltips-2/#post-391678.
Regards,
Elliott
-
This reply was modified 10 years, 10 months ago by
Elliott.
This reply has been marked as private.
Hi C-LabMX!
Please add following code to Functions.php file in Appearance > Editor
function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('a').removeAttr('title');
jQuery('img').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');
Best regards,
Yigit
ANNOYING SAME PROBLEM.
Not in a Enfold theme this workarpound helped me showing them again :-)
In the Template: plugins -> woocommerce -> templates -> global -> quantity-input.php
<div class="quantity">
<input class="minus" type="button" value="-">
<input type="number" step="<?php echo esc_attr( $step ); ?>" <?php if ( is_numeric( $min_value ) ) : ?>min="<?php echo esc_attr( $min_value ); ?>"<?php endif; ?> <?php if ( is_numeric( $max_value ) ) : ?>max="<?php echo esc_attr( $max_value ); ?>"<?php endif; ?> name="<?php echo esc_attr( $input_name ); ?>" value="<?php echo esc_attr( $input_value ); ?>" title="<?php _ex( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" class="input-text qty text" size="4" />
<input class="plus" type="button" value="+">
</div>
Read the full workaround:
http://stackoverflow.com/questions/25942950/woocommerce-plus-and-minus-buttons
But the functionality isn´t working only the buttons showing
Hi lowman42!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and edit as needed
.avia-tooltip { width: 200px; color: red; background: rgba(255,255,255,0.3); }
Regards,
Yigit
I’m new at this…wondering how to change the width of a icon tooltip. A better question is how can I see where parameters to these types of things, like a tooltip, are set? For example, in the case of tooltip, how would you change colors, font size, etc.
Thank You
MMParticipant
I recently switched off cloudflare on my site and had to change my name servers. After that, i am noticing errors on console.
Uncaught SyntaxError: Unexpected token ILLEGAL --- avia.js?ver=3.557
Uncaught TypeError: $.AviaTooltip is not a function --- shortcodes.js?ver=3.36
(anonymous function) --- shortcodes.js?ver=3.36
m.Callbacks.j --- jquery.js?ver=1.11.1:2
m.Callbacks.k.fireWith --- jquery.js?ver=1.11.1:2
m.extend.ready --- jquery.js?ver=1.11.1:2
J --- jquery.js?ver=1.11.1:2
running the latest version of enfold and tried switching off all the plugins and clearing cache. Please advice :)
Hi!
You can use convert he current filter buttons to icons, add this to Quick CSS:
/* Styling */
.inner_sort_button:after{
font-family: 'entypo-fontello';
font-size: 24px
}
.inner_sort_button span {
display: none;
}
#js_sort_items .text-sep{
display: none !important;
}
#js_sort_items a{
padding: 0 10px;
}
/* Icon codes for each icon (note the classes) */
.all_sort_button .inner_sort_button:after{
content: "\e822";
}
.branding_sort_button .inner_sort_button:after{
content: "\e824";
}
.interactive-design_sort_button .inner_sort_button:after{
content: "\e826";
}
.photography_sort_button .inner_sort_button:after{
content: "\e827";
}
.print-design_sort_button .inner_sort_button:after{
content: "\e828";
}
.web-design_sort_button .inner_sort_button:after{
content: "\e839";
}
P.S.
To find out the codes for each Icon: create a Page and add any icon-based element, when you’re about to select the icon to use, place the mouse over for some seconds, a tooltip with the icon code will show.
Regards,
Josue
Hey Lev!
Thank you for coming back.
Sorry, but there is no easy way. This popup is realized as a tooltip and not part of the HTML structure – so we have no chance to display it.
You must modify the core file: enfold\config-templatebuilder\avia-shortcodes\logoslider.php, if you want to integrate it.
But this is customizations and bejond the scope of support.
Regards,
Günter