Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 21, 2020 at 11:06 pm #1176962
    mmsdev

    How can you hide / remove the portfolio Entry title on hover?

    Also with keeping the SEO benefits.

    <script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

    • This topic was modified 4 years, 10 months ago by mmsdev.
    January 23, 2020 at 5:23 am #1177386
    Nikko

    Hey mmsdev,

    Try adding this CSS code in Quick CSS, located in Enfold > General Styling:
    (This removes the image overlay)

    #top .grid-image:hover .image-overlay {
    display: none !important;
}

    (This removes the title)

    #top .grid-sort-container article:hover .grid-content {
    display: none !important;
}

    Hope it helps.

    Best regards,
    Nikko

    January 23, 2020 at 2:14 pm #1177602
    mmsdev

    This works but not required;

    #top .grid-image:hover .image-overlay {
    display: none !important;
    }

    This removes the Title and excerpt on hover all together, so thats not what we are talking about.

    #top .grid-sort-container article:hover .grid-content {
    display: none !important;
    }

    Its just the title that appears on hover that we want to hide/ remove from hover, please see link below.

    January 23, 2020 at 2:29 pm #1177614
    Yigit

    Hey,

    Please refer to this post – https://kriesi.at/documentation/enfold/image/#remove-image-alt-title-on-hover

    Best regards,
    Yigit

    January 23, 2020 at 2:41 pm #1177626
    mmsdev

    I had already tried that, i always refer to the main guides before recaching out for support..

    Tried this from the guide:

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

    Has no effect

    January 23, 2020 at 2:45 pm #1177628
    Yigit

    Hey,

    I see however it should have worked. Could you please create temporary admin logins and post them here privately so we can check why it is not working?

    Regards,
    Yigit

    January 23, 2020 at 2:58 pm #1177639
    mmsdev

    Sure here you go

    • This reply was modified 4 years, 10 months ago by mmsdev.
    January 23, 2020 at 3:07 pm #1177642
    Yigit

    Hi,

    I am getting “Scrape nonce check failed. Please try again.” error and cannot update Functions.php file. Could you please add the code via FTP and then let us know so we can check? If you do not mind sharing FTP logins, we can add the code to functions.php file as well.

    Best regards,
    Yigit

    January 23, 2020 at 3:15 pm #1177644
    mmsdev

    I have added it by FTP

    But also see private text

    January 23, 2020 at 3:33 pm #1177656
    Yigit

    Hey,

    Thanks for the info. I found out that code was not working when Enfold theme options > Performance > “Load jQuery in your footer” enabled. I disabled it and it works :)

    Best regards,
    Yigit

    January 23, 2020 at 5:22 pm #1177757
    mmsdev

    Thats done it!, it’s now working.. Many thanks

    January 23, 2020 at 5:25 pm #1177761
    Yigit

    Hey,

    You are welcome! Let us know if you have any other questions or issues :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Remove portfolio Entry title on hover’ is closed to new replies.