How do I remove dark hover/ permalink text on my blog posts?

[WideBlueSound]

Hi there. When I hover over my blog posts, there is permalink text that shows up and a dark hover effect. How can I remove all of it?

Thanks.

URL: https://www.shainaleis.com/blog/

Shaina

[paul.r]

Hi Shaina,

To remove it, you can add the code below in Theme Options > CSS

.blog a.entry-thumb:hover img {
    opacity: 1;
}

Then add this in your child theme’s functions.php file

  function x_featured_image( $cropped = '' ) {
    $stack     = x_get_stack();
    $fullwidth = ( in_array( 'x-full-width-active', get_body_class() ) ) ? true : false;
    if ( has_post_thumbnail() ) {
      if ( $cropped == 'cropped' ) {
        if ( $fullwidth ) {
          $thumb = get_the_post_thumbnail( NULL, 'entry-cropped-fullwidth', NULL );
        } else {
          $thumb = get_the_post_thumbnail( NULL, 'entry-cropped', NULL );
        }
      } else {
        if ( $fullwidth ) {
          $thumb = get_the_post_thumbnail( NULL, 'entry-fullwidth', NULL );
        } else {
          $thumb = get_the_post_thumbnail( NULL, 'entry', NULL );
        }
      }
      switch ( is_singular() ) {
        case true:
          printf( '<div class="entry-thumb">%s</div>', $thumb );
          break;
        case false:
          printf( '<a href="%1$s" class="entry-thumb">%2$s</a>',
            esc_url( get_permalink() ),    
            $thumb
          );
          break;
      }
    }
  }

Hope that helps

[WideBlueSound]

That worked! Thanks

[Prasant]

Glad to hear that.