Viewing 30 results - 961 through 990 (of 2,320 total)
  • Author
    Search Results
  • #882060

    In reply to: Tooltip non responsive

    Hi,

    How do you generate those tooltips, can u tell us please?

    Best regards,
    Basilis

    #881697

    In reply to: Tooltip non responsive

    Hello,
    Could you go on my website ? You will see the tooltip on the front page..

    These tooltip are not operational on an iphone or an ipad….. When you type on the icone, it’s not working..

    Thank you

    Hi,

    I see. The position of the theme tooltips are calculated dynamically so you can’t adjust it correctly via css. You have to modify the tooltip script. Please hire a freelance developer to modify the js > avia.js > AviaTooltip function according to your requirement.

    Best regards,
    Ismael

    #880281

    In reply to: Tooltips

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .home .avia-tooltip.avia-icon-tooltip {
        color: grey;
    }
    

    Best regards,
    Yigit

    #880155

    Topic: Tooltip non responsive

    in forum Enfold
    ctancrede
    Participant

    Hello

    I used the standard tooltip on my website : http://www.kyramedias.com

    But they are not responsive on my iphone. What do I have to to do ?

    many thanks

    And more broadly, is there a way (a plugin ?) to have the website more responsive on all supports ?

    many thanks

    Hi,

    What I’m after now is some CSS to control the tool-tips attached to the av_font_icon entypo-fontello since they are not responsive

    Isn’t this why we added the css code above?

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    	.coach_tooltip .coach_tooltiptext {
        	   width: 70%;
    	}
    }

    Could you provide a screenshot of the issue? This is what I see on my end.

    // https://imgur.com/a/s6MbB

    Best regards,
    Ismael

    #879916

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .avia-tooltip {
        border: 2px solid red;
        font-size: 16px!important;
    }
    

    Best regards,
    Yigit

    #879612

    Topic: Tooltips

    in forum Enfold
    katielherpiniere
    Participant

    Hello

    I was wondering if you can tell me how to change the text colour on the popup box tooltip over the ‘Our Locations’ icon on my homepage landing page. The text is currently white and so is the background so the text doesn’t show up, but I can’t find anywhere to change it. Further down the page where I have used tooltips again, the text has shown in grey which is perfect.

    Many thanks in advance for your help

    #879025

    Hello and thank you

    You will find in the exemple the tooltip which is in red on a white background https://postimg.org/image/72zyhxqyd/
    As to distinguish the tooltip, I would like to have a border for the tooltip and to increase a little bit the font.

    Is it possible ?

    Do you suggest a better idea ?

    Many thanks

    #878912

    Hey ctancrede,

    The tooltip of an icon, can you please show us a screenshot or your page for example so we can check?
    If you mean the yellow box, it is not but better to show us that you mean please

    Best regards,
    Basilis

    #878535
    ctancrede
    Participant

    Hello

    How it is possible to change the font and the size on the tooltip of an icon ? How to have the border of the tooltip ?

    Many thanks

    • This topic was modified 8 years, 3 months ago by ctancrede.

    Hi,

    Just copy the html code from the text block and adjust the name, email address and phone number. Example.

    
    <div class="coach_tooltip">
    <h4 style="text-align: center;"><strong><button class="coach_button">Swim Instructor Warren Buchler</button></strong></h4>
    <span class="coach_tooltiptext">warren@SuperSportsUAE.com | +2343243243243</span>
    
    </div>
    

    The html code above is for “Warren Buchler”. You don’t need to change the css.

    Best regards,
    Ismael

    #877372

    Hi,

    I have tried to create another color section with icons (see another question on the forum)

    What other question? I’m sorry but I’m a bit confuse with your inquiries. Where are the icons? I can’t find any icons in the “Accuel” page. Are you referring to the icons’ tooltip? Could you provide a screenshot so that we can understand it better?

    Best regards,
    Ismael

    Two lots of tool tips – the one from hovering over the instructor name button, and one from hovering over the icons.

    “.avia-tooltip .avia-arrow {” are the ones associated with the icons,

    “.coach_tooltip .coach_tooltiptext {” are the ones associated with the coach name buttons, that you sent me a CSS snippet for.

    I took the CSS snippet you gave me from the latter and tried to adapt it for the former, to make them responsive to screen size as the latter is.

    #876400

    Hi Mike –

    Thanks for responding.

    I’m actually trying to do exactly what the previous person was. That old solution was successful for them, so I’m hoping there is a new solution for the new theme version.

    to quote:

    “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?”

    For example: one tooltip/marker description is open. I would like it to close when I click a different marker. so that only one tooltip/marker description is open at a time.

    Thank you sir –

    #875807

    Hey doug123,
    I would not recommend using this js as much has changed since then.
    To clarify your question, you would like the map tooltip to remain open until it is clicked again?

    Best regards,
    Mike

    #875394
    doug123
    Participant

    Hi –

    big fan – we make all our sites with your theme.
    The solution in this 2015 thread is to replace the entire shortcodes.js with a new shortcodes.js version from the moderator. Thread: https://kriesi.at/support/topic/google-maps-tooltips-2/
    Back then the latest Enfold version was 3.1.
    My question is whether that old solution will still work on the newest version of Enfold.
    If not, would you be able to update the solution now?

    Thank you for all your great support.

    Doug

    #874936

    In reply to: columns in gallery

    Hi,

    the text is appearing on the wrong spot!!

    That is the default caption behavior in the theme. It’s going to display as a “tooltip”. The default caption style is disabled.

    Best regards,
    Ismael

    #874882

    Hi Dirk,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .avia-tooltip {
        width: 200px;
    }
    

    Best regards,
    Yigit

    HI Ismael,

    Yes, I used that and it works for those styles, but I was trying to adapt it so that I could edit the avia-tooltip attached to the fontello icons. I managed to control the size in normal screen mode, but ti doesn’t appear to make a difference on a small screen. See below, thanks

    #top .avia-tooltip,
    .avia-tooltip .avia-arrow {
    background-color: #2b3796;
    position: absolute;
    min-width: 120px;
    max-width: 225px;
    border-radius: 10px;
    padding: 2px 0;
    }

    @media only screen and (max-width: 989px) {
    /* Add your Mobile Styles here */
    .avia-tooltip .avia-arrow {
    width: 50%;

    }
    }

    Hi,

    Did you add the css code that we provided above?

    2.) Adjust the width of the tooltip for mobile view.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    	.coach_tooltip .coach_tooltiptext {
        	   width: 70%;
    	}
    }

    Best regards,
    Ismael

    OK, thanks for the heads-up on the html.

    What about my css query wrt avia-tooltips?

    Thanks

    Thanks Ismael. I’ve got the debug mode running so I was able to copy it over from the live site.

    Can you explain/give example of “invalid html tags” so I can try to avoid this in future please? Could this have been me playing with the table html & css and getting it wrong?

    Finally, is it possible to do what I’m trying to do with the avia-tooltips/fontello icons using your css code for the other tooltips as a base?

    Thank you

    #873488

    Hey kellyCraftMedia,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top > .avia-tooltip.avia-tt {
        margin-top: 130px;
    }

    Hope this helps :)

    Best regards,
    Nikko

    ti2media
    Participant

    Dear Enfold Support,
    is it possible to have a text center/center on the picture instead as tooltip above?

    Thx for advise.

    Best
    Stefan

    Hi Ismael,
    I did this, but changed the setting to suit a tablet instead, and all was working fine.
    Then I decided to work on the avia-tooltips with the fontello icons so I used your code as base, but not sure I was able to make any difference.
    Next thing, I give the table and id and I’m playing with the CSS to try and make the table a little funkier. Didn’t seem to be able to make a difference there either.
    At this point I copied the html from one cell to the next to set up the same settings for another instructor and see if I can get his bio into a tooltip. This didn’t work, and then I realised that although I had the instructors details in the html box, on the live page I was still seeing Teresa’s details. So I deleted the cache and emptied the browser cache both of which made no difference.
    So I went in and deleted the table but left the button for Warren, and saved his cell. At this point, I saw that I had a similar issue to previously where all the cells had relocated themselves! Please see page.

    Thanks

    Hi,

    o I can now copy the html from the text tab for the remainder of the instructor data?

    1.) Yes, you can use the same html codes.

    2.) Adjust the width of the tooltip for mobile view.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    	.coach_tooltip .coach_tooltiptext {
        	   width: 70%;
    	}
    }

    Best regards,
    Ismael

    jovankau
    Participant

    Hi,

    My site was created many years ago. I’m trying to edit pages. Some are having issues generating the content for me to edit when I use the Enfold theme. If I change to a different theme the issue disappears.

    I have tried updating all plugins, deactivating plugins, clearing the cache but have had no success.

    Please help!

    Here are the error messages:

    Uncaught Error: Syntax error, unrecognized expression: a[rel=]
    at Function.fa.error (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at fa.tokenize (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at fa.compile (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at fa.select (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at fa (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at Function.fa.matches (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at Function.n.filter (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at z (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at a.fn.init.filter (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at initLayout (avia_colorpicker.js?ver=4.8.3:948)

    and

    load-scripts.php?c=0&load[]=jquery-ui-mouse,jquery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable,jquery-ui-slider,jquery-touch-punch,iris,wp-color-pic&load[]=ker,hoverIntent,common,thickbox,underscore,shortcode,media-upload,admin-bar,heartbeat,autosave,wp-ajax-response,jquery-color,wp-&load[]=lists,quicktags,jquery-query,admin-comments,suggest,postbox,jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,tags-suggest,tags-box,&load[]=word-count,post,editor-expand,backbone,wp-util,wp-backbone,media-models,wp-plupload,mediaelement,wp-mediaelement,media-views,med&load[]=ia-editor,media-audiovideo,mce-view,imgareaselect,image-edit,svg-painter,wp-auth-check,editor,wplink,wp-embed&ver=4.8.3:759 Uncaught TypeError: Cannot read property ‘hasClass’ of undefined
    at HTMLDocument.<anonymous> (load-scripts.php?c=0&load[]=jquery-ui-mouse,jquery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable,jquery-ui-slider,jquery-touch-punch,iris,wp-color-pic&load[]=ker,hoverIntent,common,thickbox,underscore,shortcode,media-upload,admin-bar,heartbeat,autosave,wp-ajax-response,jquery-color,wp-&load[]=lists,quicktags,jquery-query,admin-comments,suggest,postbox,jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,tags-suggest,tags-box,&load[]=word-count,post,editor-expand,backbone,wp-util,wp-backbone,media-models,wp-plupload,mediaelement,wp-mediaelement,media-views,med&load[]=ia-editor,media-audiovideo,mce-view,imgareaselect,image-edit,svg-painter,wp-auth-check,editor,wplink,wp-embed&ver=4.8.3:759)
    at HTMLDocument.dispatch (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:3)
    at HTMLDocument.r.handle (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:3)
    at Object.trigger (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:3)
    at Object.a.event.trigger (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:9)
    at HTMLDocument.<anonymous> (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:3)
    at Function.each (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at a.fn.init.each (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:2)
    at a.fn.init.trigger (load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,utils,jquery-ui-position,plupload,jquery-ui-tooltip&ver=4.8.3:3)
    at Object.<anonymous> (load-scripts.php?c=0&load[]=jquery-ui-mouse,jquery-ui-sortable,jquery-ui-draggable,jquery-ui-droppable,jquery-ui-slider,jquery-touch-punch,iris,wp-color-pic&load[]=ker,hoverIntent,common,thickbox,underscore,shortcode,media-upload,admin-bar,heartbeat,autosave,wp-ajax-response,jquery-color,wp-&load[]=lists,quicktags,jquery-query,admin-comments,suggest,postbox,jquery-ui-menu,wp-a11y,jquery-ui-autocomplete,tags-suggest,tags-box,&load[]=word-count,post,editor-expand,backbone,wp-util,wp-backbone,media-models,wp-plupload,mediaelement,wp-mediaelement,media-views,med&load[]=ia-editor,media-audiovideo,mce-view,imgareaselect,image-edit,svg-painter,wp-auth-check,editor,wplink,wp-embed&ver=4.8.3:422)

    I’ve just noticed another anomaly in this area.

    The tooltip for the instructor’s name on a “normal” page is the width of the button/image and sits below it, with the text on 2 lines. Once the page is reduced to a mobile size the text is now on one line and doesn’t fit the page correctly.

    Is it possible to change the mobile view so that it is the same way, or is it to do with the other data now stacked below it?

    Also in mobile view there is an issue with the icon tooltips for the left and right columns also being unreadable since they are off the page. I tried switching the text for them to right & left respectively but it doesn’t make enough difference.

    Thanks

    have a look to this –
    i do not know if you have social icons too besides the burger menu icon
    and how did you center the logo (its in my code implemented)
    you have to style it for the different responsive cases.

    https://webers-testseite.de/elegant/

    you must use a child-theme for this solution:

    this comes to functions.php of yout child-theme:

    add_filter( 'ava_main_header', 'avia_append_search_header_mod');
    function avia_append_search_header_mod()
    {
      global $avia_config;
      ob_start();
      get_search_form();
      $form =  htmlspecialchars(ob_get_clean()) ;
      $items .= '<div id="menu-item-search">
    	      		<a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'>
    	      		<span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span>
    	      		</a>
             	</div>';
        echo $items;
    }

    this comes to quick css:

    div .logo, .logo img, .logo .subtext img {
        left: 50%;
        transform: translateX(-50%);
    }
    #top #header_main #menu-item-search {
        position: absolute;
        left: 25px;
        top: 25px;
    }
    #top #header_main #menu-item-search a {
        color: #333;
        font-size: 24px;
    }
    .responsive #top .logo {
        position: relative;
    }
Viewing 30 results - 961 through 990 (of 2,320 total)