Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 13, 2017 at 11:50 am #820472
    Pablo

    Hi,

    I would like to know how to remove the link and the hover icon on the big rectangular featured images at single posts, but I can´t find the right CSS classes, even tough I have tried it in the Firefox inspector.

    I guess the CSS rules to make it work, should be:

    visibility: hidden important!;
pointer-events: none important!;
cursor: default important!;

    Can you help me out, please?

    July 14, 2017 at 5:45 am #820944
    Rikard

    Hey Pablo,

    Could you post a link to an example post so that we can take a closer look please?

    Best regards,
    Rikard

    July 14, 2017 at 11:46 am #821117
    Pablo
    This reply has been marked as private.
    July 15, 2017 at 4:14 am #821526
    Rikard

    Hi,

    Thanks for that, so it’s only on single posts you want this to apply? If so then please try this in Quick CSS:

    .single .big-preview a {
  visibility: hidden important!;
  pointer-events: none important!;
  cursor: default important!;
}

    Best regards,
    Rikard

    July 15, 2017 at 6:49 am #821580
    Pablo
    This reply has been marked as private.
    July 15, 2017 at 10:35 am #821622
    Pablo

    Hi again,

    It´s very frustrating as no solution works on my site…

    https://kriesi.at/support/topic/how-to-remove-a-link-to-the-original-image-from-a-featured-image

    #top.single-post .big-preview.single-big a,
#top.single-post .small-preview {
pointer-events: none !important;
cursor: default !important;
}

    Anyone knows how to effectively remove the link on the big featured images of single posts?

    Thank you.

    July 15, 2017 at 2:34 pm #821679
    Rikard

    Hi,

    Thanks for the feedback, exactly where are you putting the CSS I posted? I couldn’t see it in Quick CSS so I thought I’d ask. If it doesn’t work in the file you put it in then please try Quick CSS.

    Best regards,
    Rikard

    July 15, 2017 at 3:18 pm #821690
    Pablo

    Hi Rikard,

    I have tried several solutions and finally I removed them from quicK CSS as they haven’t worked.

    If you can access that section feel free to type any code there, but as I said, your previous solution didn’t work.

    Thank you.

    July 17, 2017 at 2:15 pm #822616
    Victoria

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.image-overlay .image-overlay-inside {
	display: none;
	pointer-events: none !important;
    cursor: default !important;
}

    Here is the code you can put in your funtions.php

    
add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
	$(window).load(function() {		
             jQuery(".big-preview.multi-big a").click(function(e) {e.preventDefault(); return false;});
	});
})(jQuery);
</script>
<?php
}

    Could you disable cache for a while for us to be able to test css better.
    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 17, 2017 at 2:29 pm #822628
    Pablo

    Thank you Victoria,

    It´s almost perfect. With the code you have provided the featured image links don´t work anymore, but:

    – The post featured image still fades out on hover.
    – The mouse pointer always show the arrow for the whole site (not the hand, as expected on links)
    – On image links like the masonry posts grid at the blog page, the hover icon is gone.

    I really appreciate your help with these issues.

    Thank you again.

    July 19, 2017 at 6:59 am #823693
    Ismael

    Hi,

    1.) Please add the following css code to remove the overlay.

    .avia_transform a:hover .image-overlay {
    opacity: 0 !important;
}

    2.) I’m sorry but I’m a bit confuse here. I thought that you need to disable the featured image link. If it is disabled, the default arrow cursor should display if you put the mouse over featured image.

    3.) Please provide a link to the blog page. I can’t find it in the menu items.

    Best regards,
    Ismael

    April 25, 2019 at 4:48 am #1094289
    Vasilis

    Hi there,
    I copied the code into CSS and functions.php from @Victoria, however I have the same issue like @Pablo the link is gone but “– The post featured image still fades out on hover.”
    My

    Thank you!

    April 26, 2019 at 4:03 am #1094593
    Ismael

    Hi,

    Where we can see the issue? Please open a new tickert or thread with the site url and login credentials. We’ll continue there.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Remove link and hover icon on single posts featured images’ is closed to new replies.