Viewing 30 results - 1,801 through 1,830 (of 2,320 total)
  • Author
    Search Results
  • #395085
    finon
    Participant

    Hey,

    Have anyone an idea how I can use hotspots Image with Anchors. If the user clickt the spot he jump to the text anchors on the site.
    The Button on Hot Spot Tooltip not work, when the user use the Mous from hotspot to tooltipp then fade out the tooltip an the Button is not visible.

    My Idea, the User goes with mouse on hotspot then he see the tooltipp and if he clicks on hotspot he comes to text anchor on this page
    How can i make this??
    Thank fore your ideas

    Thomas

    #392540

    Hey Jennifer!

    Add this to your custom CSS.

    .av-share-box .avia-related-tooltip {
      display: none !important;
    }

    Cheers!
    Elliott

    #391178

    In reply to: Search Tool in bar

    Hey!

    Try adding this code to the Quick CSS:

    #top .avia-search-tooltip.avia-tt {
        box-shadow: none;
        -webkit-animation: none;
        margin-right: 120px;
        left: -180px !important;
        border: 0 !important;
    
    }
    
    #top #s {
        background: white ;
        border: 0;
        padding: 11px 5px 8px 5px;
        position: relative;
        border: 0 ;
    }
    
    #top #searchsubmit {
        display: none !important;
    }

    Cheers! 
    Josue

    #390831

    Topic: Google Maps tooltips

    in forum Enfold
    DavyE
    Participant

    Hi,

    I’ve set up a map with several locations/markers. Each marker has a tooltip with address details. The only problem now is that these tooltips stay visible. I’d prefer them to automatically hide again when clicking another marker. There are markers rather close to each other, so it becomes a pain having to close each tooltip before being able to click on another marker again.

    Can I change this, please?

    Thanks in advance!

    #390793

    Hi starnycdan!

    Unfortunately with how the script works there is only one actual tooltip at one time. When you hover over different areas it’s position and text will change dynamically. It would take a lot of time and code to get it to work like how your wanting.

    Regards,
    Elliott

    #390792
    famewebdesign
    Participant

    Hello,
    Please check http://www.bettyswoonrecept.nl/wp
    I’ve added an image with hotspots at the bottom of the page. Also added three hotspots. I set these hotspots on the correct location of the image (one on the text “contact” , one on the text “interieur spreekuur” and one on the text “recept suggesties”). But they all show at the left top of the image.
    Why won’t the show at the location I moved the tooltip to on the image?

    Thanks for your answer!

    Martine

    #390587

    In reply to: Search Tool in bar

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_bottom_nav_header .avia-search-tooltip { 
    height: 40px; 
    top: 0 !important;
    }
    .avia-search-tooltip #searchform>div {
    margin: 0;
    }
    .avia-search-tooltip .avia-arrow-wrap {
    display: none; 
    }

    Best regards,
    Yigit

    #390388
    starnycdan
    Participant

    Is there a way to make image Hotspot Tooltips always visible, rather than visible on rollover? Can this be done by CSS so as to target only certain image hotspot tooltips, but not others that are on a separate image div with a separate id?

    #388840

    In reply to: Icon Tool Tip Question

    Hi,

    This could work, try adding this at the very end of your theme / child theme functions.php file:

    function add_custom_script(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
        	new $.AviaTooltip({'class': "avia-tooltip avia-icon-tooltip", event: "click", data: "avia-icon-tooltip", delay:0, scope: "body"});
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');

    Regards,
    Josue

    #388837
    jolamalice
    Participant

    Hi,

    My objective is to obtain an icon hover animation with an icon configured like that (NO link, NO Tooltip).:

    Icon Style : Standalone Icon…
    Icon Caption: Icon1
    Title Link: No Link
    Align Center
    Optional tooltip:

    I tried to add css code within the custom.css :

    /* General Custom CSS */
    .av_font_icon.av-icon-style-border .av-icon-char:hover:after {
            -webkit-animation:      sonarEffect 1s ease-out ;
            -moz-animation:         sonarEffect 1s ease-out ;
            animation:              sonarEffect 1s ease-out ;
    } 
    

    Nevertheless, for some reason I do not see any hover animation on my icon.

    Do you have any suggestions regarding my requirement ?

    Best Regards

    #388610

    In reply to: Icon Tool Tip Question

    Hi,

    Try the following: open js/shortcodes.js and look for line 39:

    new $.AviaTooltip({'class': "avia-tooltip avia-icon-tooltip", data: "avia-icon-tooltip", delay:0, scope: "body"});
    

    Replace it by this:

    new $.AviaTooltip({'class': "avia-tooltip avia-icon-tooltip", event: "click", data: "avia-icon-tooltip", delay:0, scope: "body"});
    

    Regards,
    Josue

    #388261

    Topic: Icon Tool Tip Question

    in forum Enfold
    volmering
    Participant

    hi there,

    is it possible that the icon tooltip stays on click on desktops?

    #383900

    Hi!

    this is what is in my quick CSS. I did not remove it at all

    .header-scrolled #header_meta {
    display: none !important;
    }
    .header-scrolled a { color: white !important; }

    div#header_meta {
    border: none!important;
    }

    #top #advanced_menu_toggle, #top #advanced_menu_hide {
    background-color: #5986c1;
    color: #ffffff;
    border-color: #5986c1;
    }
    .mfp-counter { display: none !important; }

    .avia-tooltip .avia-arrow, .avia-tooltip { background: #5986c1 !important; }

    avia-menu {
    margin-right: 5px !important;
    padding-right: 5px !important;
    }

    #383596
    cormie
    Participant

    Hey there,
    I see this has been requested before on a closed topic here: https://kriesi.at/support/topic/make-hotspots-links/

    but I see in my enfold theme now, you CAN make the hotspots links, but they just open in the same window. Is it possible that when you hover over a hotspot, a tool tip will come up with the title of the link and description and if you click the hotspot, it will open in a new window?

    Also, is it possible that you can mouse over the actual tooltip and click a link within that?

    Any help would be appreciated.

    #381361

    Hi,

    I think I’ve solved it by taking out an Accordion image plug-in that was activated but I wasn’t using. Now the tooltips show and the slider works. Unless of course you did something to fix it in the mean time…

    vonhektor
    Participant

    Hi,
    I wonder, is it possible to change the action in image gallery from mouseover to click? What I want is to keep the Tooltip when mouseover at thumbnails however I want the bigger image to change on top with a click and not with mousover. Sorry for my bad english.

    #381196
    dojau
    Participant

    Hi,

    I’ve added the text but it does not show when I hover on a hotspot.

    Some context input
    1. I am working in preview/test mode in parallel with current live about pages (not publishing as such; but this has not mattered to anything else)
    2. The version of enfold is the latest – just bought it
    3. I have another framework in use as well for the current live about pages (Pagelines)
    4. I do have a number of plug-ins but hesitate to mess with that due to the current live about pages

    It would be such a wonderful feature but several attempts to rectify the problem via the usual methods have not helped and I cannot see answers to this question in the forum. I am not keen on getting into the code itself. This is such a fundamental part of how this feature is supposed to work that I hope I don’t need to.

    tx
    dj

    #380558

    Hi Akzleung!

    I’m unable files from the Dashboard, try changing your code to:

    if(!function_exists('avia_append_search_nav'))
    {
    	//first append search item to main menu
    	add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
    
    	add_filter( 'wp_nav_menu_items', 'append_polylang_func', 100, 2 );
    
    	function append_polylang_func ( $items, $args )
    	{	
    		if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
    		{
    		$items .= '<div class="lang_switcher_polylang">'.pll_the_languages()."</div>";
    		}
    	    return $items;
    	}
    	add_filter( 'avf_fallback_menu_items', 'avia_append_search_nav', 10, 2 );
    
    	function avia_append_search_nav ( $items, $args )
    	{	
    		if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;
    		if(avia_get_option('header_position',  'header_top') != "header_top") return $items;
    	
    	    if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
    	    {
    	        global $avia_config;
    	        ob_start();
    	        get_search_form();
    	        $form =  htmlspecialchars(ob_get_clean()) ;
    
    	        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">
    							<a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
    	        		   </li>';
    	    }
    	    return $items;
    	}
    }

    Cheers!
    Josue

    #380208

    Hey grwebs!

    Are you talking about the tooltips that display on hover? If so then add this to your custom CSS.

    .avia-tooltip .avia-arrow, .avia-tooltip { background: #4179c1 !important; }
    

    Cheers!
    Elliott

    #379868
    This reply has been marked as private.
    #379753

    In reply to: Load time & various

    Hey mcginty312!

    1. Contact your hosting provider to see if anything happened.

    2. Drag a codeblock element to your page and add this inside.

    <style type = "text/css">
    .content, .sidebar { padding-top: 0px !important; }
    </style>

    3. Navigate to Dashboard > Appearance > Menus and click on the dropdown arrow for your link and remove the description.

    4. Open up /enfold/config-templatebuilder/avia-shortcodes/gallery.php and change line 207 from this.

    $tooltip = $caption ? "data-avia-tooltip-position='bottom' data-avia-tooltip='".$caption."'" : "";
    

    To this.

    $tooltip = $caption ? "data-avia-tooltip-alignment='bottom' data-avia-tooltip-position='bottom' data-avia-tooltip-class='av-tt-pos-below' data-avia-tooltip='".$caption."'" : "";
    

    Best regards,
    Elliott

    #379328

    Hi!

    Thank you for the info. The template-builder compiles all shortcodes on a custom field then throws it back as content, without this, the advance layout builder will not work. I’m sorry but we don’t provide support for third party plugins as stated on our support policy. Please hire a freelance developer if you want to make the CM Tooltip Glossary Pro+ plugin compatible with the theme or use the default editor instead.

    Cheers!
    Ismael

    #378869

    Hey brianwelsh!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .inner_tooltip {
    font-size: 16px;
    }

    Cheers!
    Yigit

    #377165
    This reply has been marked as private.
    #376772

    Hey!


    @mtnstreamgroup
    I just checked your website and ALB loads fine on my end while CM Tooltip Glossary Pro+ is activated – http://i.imgur.com/BMeJ2VF.png?1
    Which browser and OS are you using? Please try a different browser and check if that helps.


    @red-baron
    Can you please post the link to your website?

    Regards,
    Yigit

    #376386
    This reply has been marked as private.
    #376354
    This reply has been marked as private.
    #375362
    #375265

    Great work Yigit. Thank you!

    Since i only want to turn off tooltip for masonry i made some changes:

    add_action(‘wp_footer’, ‘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
    }

    #375244

    Hey!

    Ok, that titles :)
    Please add following code to the 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');

    Cheers!
    Yigit

Viewing 30 results - 1,801 through 1,830 (of 2,320 total)