Viewing 30 results - 661 through 690 (of 2,320 total)
  • Author
    Search Results
  • #1093325

    In reply to: Tooltip Styling

    Hi Basilis,

    i want the tooltip background color to be semi-transparent orange.
    The text should span, not break at certain points.

    Hope that helps.

    Greetings
    Henning

    #1091893

    Hi Marie,

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

    #top .avia-icongrid-tooltip li .avia-icongrid-front {
        bottom: 50% !important;
        -webkit-transform: translateY(50%) !important;
        -ms-transform: translateY(50%) !important;
        transform: translateY(50%) !important;
    }

    Best regards,
    Nikko

    #1091595

    Topic: Tooltip Styling

    in forum Enfold
    Kesselhut
    Participant

    Hi,
    i have a question concerning the styling and behavior of the tooltips.

    I have added tooltips in a code-block – these tooltips seems to be not affected by the styling which is applied via quick-css.
    ->See private content

    i have added the tooltip in the code block like this by adding “data-avia-tooltip” to the link.

    I want the the tooltips in the code block to look like the tooltips which are applied to the icons.

    The CSS for the tooltips looks like this:
    .avia-tooltip.avia-icon-tooltip.avia-tt { background-color: rgba(209, 128, 0, 0.8); color: #fff; font-size:18px !important; }
    .avia-tooltip.avia-icon-tooltip.avia-tt .avia-arrow { background-color: rgba(209, 128, 0, 0.8); }

    Can someone help me find the right selector?

    Thanks in advance
    Henning

    #1091344

    In reply to: Show text at Link

    Hi,

    Have you tried using the icon element? It has a tooltip option by default. You can also open an inline content using the lightbox script.

    Example here: https://kriesi.at/support/topic/need-custom-post-type-to-use-blank-page-template/#post-903932

    Best regards,
    Ismael

    #1091140

    Hey Marie,

    Add this to quick css:

    .avia-icongrid-tooltip li:hover .avia-icongrid-content{
    opacity:0!important;
    }

    Best regards,
    Jordan Shannon

    #1090890

    In reply to: Show text at Link

    Hello Jordan,

    I can tell you the link, but it makes no sense: https://behrens-rechtsanwaelte.de/

    I can not send you a screenshot, because I do not know what possibilities there are.

    Again the question: I would like to open a textbox or something like that when I link a word. So, for example the word “lawyer” is linked and when I go over it with the mouse or click on it, a text goes with e.g. 3 sentences on. But you stay on the side. Like some kind of tooltip, you know?

    #1090002

    Topic: Show text at Link

    in forum Enfold
    Martin
    Participant

    Hello,

    Is there a way that a text appears when I click on a link or mouse over it? It’s not just a few words, it’s three sentences apart. This turns out a tooltip, right? Does Enfold have a solution for that?

    many Greetings,
    Martin

    Hi,

    Thanks for the update.

    The slider displays now but you may find a few quirks because it’s not really intended to work inside a hotspot tooltip.

    Best regards,
    Ismael

    #1089766

    Hi,

    There is no option in the layer slider that can do that by default. You have to create a custom script like the one suggested in the stackoverflow thread. Or try this one.

    // https://www.w3schools.com/css/css_tooltip.asp

    Best regards,
    Ismael

    #1088410

    Hi Ismael,

    I have the same issue. In layerslider I want a layer to appear only when the user hovers. The layer I want to appear is a tooltip. Beneath this layer is another layer with an image. This image has a hover transition (it rotates when the user points at it).

    I tried several ways to make work what I want:
    1 Added a text layer and tried to make it work through the hover transition; problem here is that it is already visible, I can’t make it work that it is invisible unless the user points at it.
    2 Added an icon with tooltip as shortcode; problem with this option: the tooltip won’t show when I place it at the same spot as the image
    3 Tried to find a way of adding custom css to the image under the styles tab of the layer with the image, but thought maybe that’s too complicated and decided to ask you guys first

    Thanks!

    Update: After some research I found out that the two layers have to be placed in one div otherwise two hovers cannot be active at the same time. Is there a way to put two layers in one div using custom css? On this site it says you have to use javascript, but there is also mentioned to wrap both in one div: https://stackoverflow.com/questions/28148040/how-to-hover-mutiple-div-in-the-same-time.

    • This reply was modified 6 years, 9 months ago by JantienM.
    #1088354

    Hey Eru_Code_Master,

    Adjust to this:

    function add_custom_tooltip(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery(‘a’).removeAttr(‘title’);
    jQuery(‘img’).removeAttr(‘title’);
    jQuery(‘.av-masonry-image-container’).removeAttr(‘title’);
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘add_custom_tooltip’);

    Best regards,
    Jordan Shannon

    #1088072
    Eru_Code_Master
    Participant

    Hi! Can’t cope with the problem – removing titles.
    Tried many ways, but the solution is partial

    This removes titles only in list of galleries

    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’);

    I want also remove titles from single gallery post, what should I do?

    Hey qsamathos,

    Thank you for using Enfold.

    We haven’t had anyone request that before. It’s probably not working because the tooltips aren’t rendered until the hotspots are hovered. This script might help initialize the slider when the hotspots are hovered.

    if( ! function_exists( 'ava_init_slider_tooltip' ) ) 
    {
        function ava_init_slider_tooltip(){
            ?>
            <script type="text/javascript">
                (function($) {
                    //activate the aviaslider
                    $(document).ready( function() {
                        if($.fn.aviaSlider)
                        {
                            $('.av-display-hotspot .av-image-hotspot_inner, .av-hotspot-image-container').on('mouseover', function() {
                                $('.avia-content-slider-active', 'body').aviaSlider({wrapElement: '.avia-content-slider-inner', slideElement:'.slide-entry-wrap', fullfade:true});
                            }); 
                        }
                    }) 
                })(jQuery);
            </script>
            <?php
        }
    
        add_action('wp_footer', 'ava_init_slider_tooltip');
    }
    

    Best regards,
    Ismael

    qsamathos
    Participant

    Hello,
    i’d like to place a “Content Slider” element via shortcode into one of the hotspots of “Image with Hotspots”. Now the problem is that it dosn’t shows up in the tooltip, but the space is used.
    If I change the tooltips to show permanently instead of mouse over, it works.

    My guess is, that the shortcode-element is hidden behind the tooltip, but I cant’t find the right place to change it.
    Could you give me some advice please.

    Günter
    Wels.app still unable to load ALB main body content. Example is Through My Bible.
    Bothe web version and mobile behave the same. I’ve de/re-activated the wp graphql plugin and emptied server cache and still the same.
    Something still isn’t right. Please help

    It is the same as before. The GraphQL query returns the \n\n\n\n\n\n\n\n
    See query and output here: https://wels.net/wp-content/uploads/2019/03/graphqlOutput.jpg

    This displays

    <h6 style="color: #339900; text-transform: uppercase;" align="center"><img style="padding-bottom: 10px;" src="https://wels.net/wp-content/uploads/2014/04/Audio-Icon.png" alt="" width="48" /><br />
    Through My Bible – March 28</h6>
    <p>Bible reading based on Matthew 19:1-22 (NIV84)<br />

    This doesn’t display

    <!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
    <audio class="wp-audio-shortcode" id="audio-9632-1" preload="none" style="width: 100%;" controls="controls"><source type="audio/mpeg" src="https://wels2.blob.core.windows.net/through-my-bible/02-0328db.mp3?_=1" /><a href="https://wels2.blob.core.windows.net/through-my-bible/02-0328db.mp3">https://wels2.blob.core.windows.net/through-my-bible/02-0328db.mp3</a></audio><br />
    <em>See series:</em> <a href="http://www.wels.net/serving-you/bible/">Through My Bible</a></p>
    </div>
    <h4>Matthew 19</h4>
    <h5>Divorce</h5>
    <p><sup id="en-NIV-23762">1</sup>When Jesus had finished saying these things, he left Galilee and went into the region of Judea to the other side of the Jordan. <sup id="en-NIV-23763">2</sup>Large crowds followed him, and he healed them there.</p>
    <p><sup id="en-NIV-23764">3</sup>Some Pharisees came to him to test him. They asked, “Is it lawful for a man to divorce his wife for any and every reason?”</p>
    <p><sup id="en-NIV-23765">4</sup>“Haven’t you read,” he replied, “that at the beginning the Creator ‘made them male and female,’<sup>[<a title="See footnote a" href="#fen-NIV-23765a">a</a>]</sup> <sup id="en-NIV-23766">5</sup>and said, ‘For this reason a man will leave his father and mother and be united to his wife, and the two will become one flesh’<sup>[<a title="See footnote b" href="#fen-NIV-23766b">b</a>]</sup>? <sup id="en-NIV-23767">6</sup>So they are no longer two, but one. Therefore what God has joined together, let man not separate.”</p>
    <p><sup id="en-NIV-23768">7</sup>“Why then,” they asked, “did Moses command that a man give his wife a certificate of divorce and send her away?”</p>
    <p><sup id="en-NIV-23769">8</sup>Jesus replied, “Moses permitted you to divorce your wives because your hearts were hard. But it was not this way from the beginning. <sup id="en-NIV-23770">9</sup>I tell you that anyone who divorces his wife, except for marital unfaithfulness, and marries another woman commits adultery.”</p>
    <p><sup id="en-NIV-23771">10</sup>The disciples said to him, “If this is the situation between a husband and wife, it is better not to marry.”</p>
    <p><sup id="en-NIV-23772">11</sup>Jesus replied, “Not everyone can accept this word, but only those to whom it has been given. <sup id="en-NIV-23773">12</sup>For some are eunuchs because they were born that way; others were made that way by men; and others have renounced marriage<sup>[<a title="See footnote c" href="#fen-NIV-23773c">c</a>]</sup>because of the kingdom of heaven. The one who can accept this should accept it.”</p>
    <h5>The Little Children and Jesus</h5>
    <p><sup id="en-NIV-23774">13</sup>Then little children were brought to Jesus for him to place his hands on them and pray for them. But the disciples rebuked those who brought them.</p>
    <p><sup id="en-NIV-23775">14</sup>Jesus said, “Let the little children come to me, and do not hinder them, for the kingdom of heaven belongs to such as these.” <sup id="en-NIV-23776">15</sup>When he had placed his hands on them, he went on from there.</p>
    <h5>The Rich Young Man</h5>
    <p><sup id="en-NIV-23777">16</sup>Now a man came up to Jesus and asked, “Teacher, what good thing must I do to get eternal life?”</p>
    <p><sup id="en-NIV-23778">17</sup>“Why do you ask me about what is good?” Jesus replied. “There is only One who is good. If you want to enter life, obey the commandments.”</p>
    <p><sup id="en-NIV-23779">18</sup>“Which ones?” the man inquired.</p>
    <p>Jesus replied, ” ‘Do not murder, do not commit adultery, do not steal, do not give false testimony, <sup id="en-NIV-23780">19</sup>honor your father and mother,’<sup>[<a title="See footnote d" href="#fen-NIV-23780d">d</a>]</sup> and ‘love your neighbor as yourself.’<sup>[<a title="See footnote e" href="#fen-NIV-23780e">e</a>]</sup>”</p>
    <p><sup id="en-NIV-23781">20</sup>“All these I have kept,” the young man said. “What do I still lack?”</p>
    <p><sup id="en-NIV-23782">21</sup>Jesus answered, “If you want to be perfect, go, sell your possessions and give to the poor, and you will have treasure in heaven. Then come, follow me.”</p>
    <p><sup id="en-NIV-23783">22</sup>When the young man heard this, he went away sad, because he had great wealth.</p>
    </div></section>
    <div style='height:10px' class='hr hr-invisible  '><span class='hr-inner ' ><span class='hr-inner-style'></span></span></div>
    <section class="av_textblock_section "  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='avia_textblock  '   itemprop="text" ><p><strong>Footnotes:</strong></p>
    <ol type="a">
    <li id="fen-NIV-23765a"><a title="Go to Matthew 19:4" href="#en-NIV-23765">Matthew 19:4</a> Gen. 1:27</li>
    <li id="fen-NIV-23766b"><a title="Go to Matthew 19:5" href="#en-NIV-23766">Matthew 19:5</a> Gen. 2:24</li>
    <li id="fen-NIV-23773c"><a title="Go to Matthew 19:12" href="#en-NIV-23773">Matthew 19:12</a> Or have made themselves eunuchs</li>
    <li id="fen-NIV-23780d"><a title="Go to Matthew 19:19" href="#en-NIV-23780">Matthew 19:19</a> Exodus 20:1216; Deut. 5:16-20</li>
    <li id="fen-NIV-23780e"><a title="Go to Matthew 19:19" href="#en-NIV-23780">Matthew 19:19</a> Lev. 19:18</li>
    </ol>
    </div></section>
    <div  class='hr hr-default  '><span class='hr-inner ' ><span class='hr-inner-style'></span></span></div>
    <section class="av_textblock_section "  itemscope="itemscope" itemtype="https://schema.org/CreativeWork" ><div class='avia_textblock  '   itemprop="text" ><p><em>Scripture taken from the HOLY BIBLE, NEW INTERNATIONAL VERSION®. NIV®. Copyright©1973, 1978, 1984 by International Bible Society. Used by permission of Zondervan. All rights reserved.</em></p>
    
    </div></section>
    <div style='height:50px' class='hr hr-invisible  '><span class='hr-inner ' ><span class='hr-inner-style'></span></span></div>
    <div class='av-social-sharing-box  '><div class='av-share-box'><h5 class='av-share-link-description av-no-toc'>Share this entry</h5><ul class='av-share-box-list noLightbox'><li class='av-share-link av-social-link-facebook' ><a target='_blank' href='https://www.facebook.com/sharer.php?u=https://wels.net/bible3/02-0328db/&t=Through%20My%20Bible%20Yr%202%20%E2%80%93%20March%2028' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Facebook'><span class='avia_hidden_link_text'>Share on Facebook</span></a></li><li class='av-share-link av-social-link-twitter' ><a target='_blank' href='https://twitter.com/share?text=Through%20My%20Bible%20Yr%202%20%E2%80%93%20March%2028&url=https://wels.net/?p=9632' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Twitter'><span class='avia_hidden_link_text'>Share on Twitter</span></a></li><li class='av-share-link av-social-link-gplus' ><a target='_blank' href='https://plus.google.com/share?url=https://wels.net/bible3/02-0328db/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share on Google+'><span class='avia_hidden_link_text'>Share on Google+</span></a></li><li class='av-share-link av-social-link-mail' ><a  href='mailto:?subject=Through%20My%20Bible%20Yr%202%20%E2%80%93%20March%2028&body=https://wels.net/bible3/02-0328db/' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello' title='' data-avia-related-tooltip='Share by Mail'><span class='avia_hidden_link_text'>Share by Mail</span></a></li></ul></div></div>
    ]]></content:encoded>
    										</item>
    		
    	</channel>
    </rss>
    • This reply was modified 6 years, 9 months ago by welswebmaster.
    #1083259
    ping-pong
    Participant

    Hey there,

    I want to put the search field a bit lower because one can’t properly see it as soon as there’s the submenu
    see here: https://www.dropbox.com/s/cohkr7r84789bk7/Anmerkung%202019-03-26%20200536.jpg?dl=0

    How can I access the search text field?
    I already tried the following but that’s not working

    .avia-search-tooltip.avia-tt {
    style="top: 100px !important;" }
    

    Thank you in advance!
    Regards

    #1079045

    In reply to: no tooltip

    hello victoria, well, just the ordinary alt tag one normally sees when hovering over…

    but i see what you mean. On the main site i have already solved the problem.temporarely
    (see ticket: #1078676 which is about this problem)
    but on this site, below, the right pic is not giving a tooltip because there is a layer over it.
    as the tow tickets are more or less about the same problem ,
    i suggest to close this ticket and focus on #1078676

    • This reply was modified 6 years, 10 months ago by yampieters.
    #1078819

    In reply to: no tooltip

    Hey jelle,

    What kind of tooltip are you looking for?

    Best regards,
    Victoria

    #1078676

    Topic: image overlay

    in forum Enfold
    yampieters
    Participant

    hi , as there is no title or alt, a tooltip, visible anymore once you use the image overlay, you can recover this by using this code:

    /* Remove image overlay with circle and arrow */
    .image-overlay {
    display: none !important;
    opacity: 0 !important;
    }

    now, the tooltip wil be visible again.

    but, if you dont need this to happen on ALL pics of you site, but just the one or two, i would seem logical to paste this code in your img-tag.
    You would get something like this:

    <img src="http://jmcwebdesign.nl/dsw/wp-content/uploads/2019/02/stijlewant-index01.png" alt="Nederlands" width="186" height="294" /></a>

    strange thing is however: as soon as i paste this code in the img-tag the image itself becomes invisible.
    How could this be and how to avoid the image from disappearing?

    best regards, jelle vanhijfte

    • This topic was modified 6 years, 10 months ago by yampieters.
    #1078352

    Topic: no tooltip

    in forum Enfold
    yampieters
    Participant

    hi, on the images left and right (the papers) i would like to have a tooltip .
    i got / can see tooltips in the backend but not in the front end!
    nevertheless im having a title and an alt tag…
    how can i get a tooltip on these images?
    best regards, jelle vanhijfte

    #1076713

    Hi Ismael
    thanks I will try that.

    I am having another problem with the masonry galleries – I would like the title/caption to show under the lightbox videos, but can’t get it working. I have the titles on the media in description and caption areas of the image. Is it because it’s a video link?

    I also tried to put the caption info in the alt text to have it as a tooltip but all that I see is the title. Not sure what is going on there.
    Can you take a look?

    • This reply was modified 6 years, 10 months ago by Munford.
    #1076471
    JaBa-UG
    Participant

    Hello,

    i´m looking for a way to show my google Maps like this
    https://ibb.co/xXFxx7W

    i want to see in the tooltip the Maps informations about my company including google rating

    Thanks

    #1075253

    Hi,

    It’s in the config-templatebuilder > avia-shortcodes > gallery > gallery.php file. Look for this code around line 350.

    $thumbs .= " <a href='".$link[0]."' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."'  title='".$title."' alt='".$alt."' /></a>";
    

    You need to remove the href attribute and probably change the link tag to a div or something else.
    If you want to remove the lightbox class attribute, look for this line:

    $imagelink = 'lightbox';
    

    .. and replace it with:

    $imagelink = '';
    

    Best regards,
    Ismael

    #1074663

    Hi,

    We can’t reproduce the issue on our end and the theme’s preloader should not be displaying any text by default. We do see the “Lade” text when we put the mouse pointer over the image. Is that what you’re referring to? If so, then removing the title attribute should remove the title tooltip, which is a default browser feature.

    Best regards,
    Ismael

    #1072906

    Hi,
    Sorry for the late reply, I have removed the title or “tooltip” from your icon grid element with this javascript in your functions.php

    function remove_icongrid_title(){
      ?>
      <script>
    (function($) {
    $(document).ready(function(){
      $('#top .avia-icongrid a').each(function() {
        $(this).removeAttr('title');
      });
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'remove_icongrid_title');

    Please clear your browser cache and check.

    Best regards,
    Mike

    #1072900

    Hey larryignazio,

    Thank you for using Enfold.

    You can this css code to remove the social sharing icon tooltip.

    .avia-related-tooltip.avia-tt {
        display: none !important;
    }

    Best regards,
    Ismael

    #1072717
    MeghanNathanson
    Participant

    Hi I want to remove the tool tips from my easy sliders.
    Tried putting this at the end of js/avia.js, a fix from several years back. But it did not work.

    jQuery(document).ready(function($){
    jQuery(‘img’).removeAttr(‘title’);
    });

    Help would be great! Thanks

    #1071930

    In reply to: Remove image titles

    Hi Jordi,

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

    CSS Snippet:

    
    .avia-tooltip { display: none !important; }
    
    

    Please note that this will disable all tooltips.

    Best regards,
    Yigit

    #1071739

    Topic: Remove image titles

    in forum Enfold
    Empatica
    Participant

    Hi,

    I try to add this code:

    function remove_title_attr(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery(‘#wrap_all a’).removeAttr(‘title’);
    jQuery(‘#wrap_all img’).removeAttr(‘title’);
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘remove_title_attr’);

    But it doesn’t work and continuing show the tooltip title.

    What could I do to doesn’t show it?

    Thanks in advance,

    Jordi

    #1071235

    Hi,

    I’ve had a look. Are you meaning its the standard browser tooltip you want to hide. If so, try removing the title from the images,

Viewing 30 results - 661 through 690 (of 2,320 total)