Viewing 30 results - 1,471 through 1,500 (of 2,320 total)
  • Author
    Search Results
  • #541598

    In reply to: Header not visible

    Thanks.

    1-4. no it did not help.
    Maybe there is something in the Quick Css (I copy all of it from another blog I have)

    .single .big-preview { display: none !important; }
    .template-blog .post-title {
    padding-top: 0 !important;
    }

    .blog-categories, .text-sep-cat {
    display: none;
    }

    .image-overlay {
    display: none!important;
    }

    .hr {
    height: 25px;
    line-height: 25px;
    margin: 0;
    }

    body .column-top-margin {
    margin-top: 10px;
    }
    .big-preview { display: none !important; }
    .html_header_top.html_logo_center .logo {
    left: 1%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    }
    @media only screen and (max-width: 841px) {
    .html_header_top.html_logo_center .logo {
    left: 1%;
    }}

    .template-blog .post_delimiter{margin: 0 0 20px 0;}
    .post-meta-infos { display: none !important; }

    .page-thumb {
    display: none;
    }

    #top .fullsize .template-blog .post-title { text-align: left; }
    #top .fullsize .template-blog .post .entry-content-wrapper > * { margin-left: 0; }
    .pagination .current {
    background: #e01919!important;
    color: #ffffff!important;
    }

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 800px;
    }
    .new-york-inspiration .sidebar {
    width: 30em;
    }
    .new-york-inspiration #content {
    width: 74em;
    }
    .single .container .av-content-small.units {
    width: 75%;
    }
    .sub-menu{
    min-width: 320px;
    border: 0 !important;
    }
    .sub-menu a {
    border: 0 !important;
    border-bottom: 1px solid white !important;
    }
    .av-inner-masonry, .av-inner-masonry * {
    transform: none !important;
    transition: none 0s ease 0s !important;
    }
    .av-masonry-date { display: none !important; }

    .av-masonry-entry {
    visibility: visible;
    opacity: 1;
    }
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none!important;
    -moz-animation: none!important;
    animation: none!important;
    }

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-left-width: 2px;
    border-color: orange;
    }

    #aptftbytap_domain-6 {
    left: 20px;
    }
    @media only screen and (max-width: 767px) {
    .av-hotspot-fallback-tooltip {
    display: none !important;
    }
    }
    h2.post-title.entry-title {
    font-size: 20px!important;
    }
    h3.search-box-title-1 {
    font-family: oswald!important;
    }
    #header_meta span.avia-bullet { display: none !important; }

    #541553

    In reply to: Icon hover effect

    link is private below. If you hover over the icon the tooltip explains what I’d like :)

    #541315
    SmoovP
    Participant

    http://test.magna4.com

    I’ve successfully added an icon to the social media profiles and everything is working as it should with one exception.

    I can’t figure out how to make the mouseover tooltip read Blog instead of Magna on the second one from the right edge – it’s a B for Blog icon.

    I can get it to read Blog, but it defaults to the pencil Icon when I do.

    I sure could use some help.

    • This topic was modified 10 years, 1 month ago by SmoovP.
    #541209

    Hey!

    try this code in Quick CSS field:

    .av-hotspot-fallback-tooltip {
    display: none !important;
    }
    

    With this it should look like on desktop. Hope it works for you.

    Cheers!
    Andy

    #541109

    In reply to: data-avia-tooltip

    Hi!

    Please try adding following code to Style.css file of your child theme or Enfold/css/custom.css file of your parent theme

    .avia-tooltip { width: 300px !important; }

    Regards,
    Yigit

    #541105

    Hi!

    Please add following code to Quick CSS

    .avia-tooltip {
        position: absolute!important;
    }

    Following code is causing the issue

    body.ncf_sidebar_push > * {
        position: relative;
    }

    Regards,
    Yigit

    Hi!

    Please try adding following code to Functions.php file in Appearance > Editor

    function add_custom_tooltip(){
    ?>
    <script>
    jQuery(window).load(function(){
     
        /*Add Quote Comment Feature*/
        jQuery('.comment-reply-link').each(function(){
            var copy_reply_link = jQuery(this).html();
            jQuery(this).append(copy_reply_link);
            jQuery(this).children('.comment-reply-link:last-child').addClass('quote-link').html('Quote');
        });
         
        jQuery('.quote-link').on('click',function(){
            //Find the content
            var comment_content=jQuery(this).parent().parent().find('p').html();
            //Add Blockquote to the textarea
            jQuery('textarea#comment').html('<blockquote>'+comment_content+'</blockquote>');
        });
     
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_tooltip');

    Cheers!
    Yigit

    #540779

    Hey!

    Can you please try adding !important rule as following

    @media only screen and (max-width: 767px) {
    .avia-tooltip .inner_tooltip {
    font-size: 12px !important; }
    }

    Cheers!
    Yigit

    #540766

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    .avia-tooltip .inner_tooltip {
    font-size: 12px; }
    }

    Regards,
    Yigit

    #540238
    akaracing
    Participant

    Hi,

    It would seem the problems is still there once we add all the sub-categories to the product slider. you can see this at http://www.retrofrocks.com/test we also made sure the fix was inside the function.php, which it was:
    function add_custom_tooltip(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery(‘ul.products.slide-entry-wrap li:nth-child(1)’).removeClass(‘last’).addClass(‘first’);
    jQuery(‘ul.products.slide-entry-wrap li:nth-child(2)’).removeClass(‘first’);
    jQuery(‘ul.products.slide-entry-wrap li:nth-child(5)’).addClass(‘last’);
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘add_custom_tooltip’);

    —————————————————————————————————————————–
    As per my last comment, we have re-created a new test server and have done a fresh upload of wordpress / woocommerce / enfold (latest version)

    We then set up enfold as the same as the live server, we also imported all our products into the basic woocommerce shop and created a basic front page with the slider on it. THIS WORKS

    We then uploaded all the plugins that we use and made active the ones we need and the product slider still worked.

    We then added our custom CSS and function.php and the slider still worked.

    We never used the old database or enfold setting, everything was re-done manually, apart from the product import.

    We will now configure all the woocommerce setting and all the plugin setting, one by one and see what happens.

    This is a very odd issue.

    #540219

    Hello Rikard,

    I’m sorry for the inconvenience, see below for working credentials.

    Edit: i also tried replacing the enfold files of the not-working-tooltip-site with the working-tooltip-site but this didn’t solve the issue.

    • This reply was modified 10 years, 1 month ago by lucasvrooij.
    #540017

    You can remove the tooltip by editing line 236 in /includes/helper-social-media.php:

    $this->html .= 		"<a {$blank} href='".$share['url']."' ".av_icon_string($icon)." title='' data-avia-related-tooltip='{$name}'><span class='avia_hidden_link_text'>{$name}</span></a>";
    

    To:

    $this->html .= 		"<a {$blank} href='".$share['url']."' ".av_icon_string($icon)." title=''><span class='avia_hidden_link_text'>{$name}</span></a>";
    

    Regards,
    Josue

    #540010
    stephenturner
    Participant

    Hi, 2 quick questions, if you click on the link my 2 problems are:

    1. Right at the bottom on the 2 promo boxes, they are not central and are more over to the right, even if you create some columns and put them in the middle column, they are still more over to the right and…

    2. On the masonry gallery the thumbnails have a small yellow border on the bottom, this is because i have made the main color yellow so when the mobile menu kicks in, the white navigation text can be seen, but since i added this color the small line appeared under each gallery thumbnail image. i have looked at inspect element and can untick the color and it works fine, but i don’t know the css to do the same. The code below is where you can untick the background color near the end of the code ( background-color: #f4c91c;)

    hope this makes sense, cheers guys… :-)

    greenwicholympian.co.uk/media=”all”
    .main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a, .main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count {
    background-color: #f4c91c;
    color: #ffffff;
    }

    #539667
    lucasvrooij
    Participant

    Hi Guys,

    The tooltips of any hotspot image i add are not showing. I have installed the theme in a test environment (same theme version), when i add a hotspot image with the same settings the tooltips show up.

    I also tried temporarily disabling all custom css but unfortunately that didn’t work.

    Link and login details below.

    I’d be great if you can help me out.

    Kind regards!

    #539607

    In reply to: data-avia-tooltip

    Yes that is what I tried:

    <style type = “text/css”>
    .avia-tooltip { width: 300px !important; }
    </style>
    my text block

    In the text tab of the text block element but advanced editor removes the style. I know this because if I use the default editor the inline style appears in the body.

    #539555

    Hi ThoNeumann!

    Please add following code to Functions.php file in Appearance > Editor

    
    function add_custom_tooltip(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('.av-magazine-title a ').attr('target','_blank');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_tooltip');

    Regards,
    Yigit

    #539259

    In reply to: data-avia-tooltip

    Hey!

    Add this to a codeblock element in the page content.

    <style type = "text/css">
    .avia-tooltip { width: 300px !important; }
    </style>

    Regards,
    Elliott

    #539172

    Hi,
    Link below.

    The Hotspot image is down the page a little, the tooltips are coded as bulleted lists only the bullets refuse to show unless I hand code them into the editor – which the person who actually administers the page wont be able to do.

    Thanks for your help!

    #539105

    In reply to: data-avia-tooltip

    Can the tooltip width be changed for the partner / logo element?

    Appreciate any response.

    Jonathan

    #538877
    MF
    Participant

    Hi,

    I want a bullet list on a Hotspot image tooltip but they wont show and I cant seem to find the CSS descriptor that I can edit to show the bullets.

    Thanks

    #538731

    Hi!

    You can add an icon shortcode with a tooltip as one of the layer. Note that the shortcode is not going to work when you preview it but it should work in the frontend.

    Best regards,
    Ismael

    #538554

    We are using the default Enfold tooltip feature for a basic icon. No extra plugins, we just inserted an image using HTML. I’ve already deactivated all the plugins to see if one of them is causing the issue, that is always my first troubleshooting step. We have cleared the cache multiple times and we aren’t using any caching plugin.

    #538176

    Hey Jose!

    Please add following code to Functions.php file in Appearance > Editor

    function add_custom_tooltip(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('#top #wrap_all .avia-gallery .avia-gallery-thumb a img').removeAttr('data-avia-tooltip');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_tooltip');

    Regards,
    Yigit

    #538162
    Alney Uribe
    Participant

    Hello,
    I want to hide the tooltips that appear on top of the gallery images on hover.

    See the image attached

    Thanks

    #538151

    Hey!

    try this code in Quick CSS field:

    .av-hotspot-fallback-tooltip { 
    display: none !important;
    } 
    

    Regards,
    Andy

    #537862

    Hi,

    It works fine on my end using Chrome on OSX/ipad mini/Iphone 4. On mobile device you will need to tap twice since the first tap will display the tooltip. Not sure about the comment though, how can we verify what a user used as input? Maybe he or she had spell checker installed?

    Best regards,
    Rikard

    #537716

    In reply to: Product Slider Issue

    Hey!

    I could only reproduce “items out of order” issue and you can see the problem here – http://i.imgur.com/AWKKc6l.png First list item should have “first” class and the last one should have “last” class but somehow last item shows up before all items.

    I added following code to functions.php file in Appearance > Editor

    function add_custom_tooltip(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('ul.products.slide-entry-wrap li:nth-child(1)').removeClass('last').addClass('first');
    jQuery('ul.products.slide-entry-wrap li:nth-child(2)').removeClass('first');
    jQuery('ul.products.slide-entry-wrap li:nth-child(5)').addClass('last');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_tooltip');

    And that fixes the issue. Can you please review your website now?

    Regards,
    Yigit

    #537493

    In reply to: data-avia-tooltip

    Here is the link:

    http://www.pivotalscientific.com/alliance-test

    We are using the partner/logo element and want to increase the width of the tooltip.

    thanks

    #537477

    Hey temptel!

    Our icon element can do something similar, http://kriesi.at/themes/enfold-startup/. It will display a tooltip instead.

    Regards,
    Elliott

    #537390

    Hi Ismael,

    I did shorten the links and it still didn’t work – and then I took the links out all together and then it started loading. The client really wanted those to be linkable – let me know if, in a further update, putting links in the tooltip area could be an option.

    Best!

Viewing 30 results - 1,471 through 1,500 (of 2,320 total)