Docs

[bentkieran]

Hi there,

There have been a number of threads relating to my questions, but I have tried the proposed CSS/Javascript and they don’t seem to work. Any advice will be greatly appreciated!

Am using the Integrity 7 theme and have the latest posts on my home page.

1. How do I remove the red circle when hovering over the featured image?
2. How do I edit the text ‘Permalink to:’ when hovering over the featured image?
3. How do I adjust the level of shade when hovering over the featured image?

Thank you.

[Joao]

Hi There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL of the specific page you are referring to.

Are you referring to the blog page?

This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks

Joao

[bentkieran]

This reply has been marked as private.

[Christopher]

Hi there,

#1 & #3 Please add following code in Customize -> Custom -> Global CSS :

.entry-thumb:before {
    background-color: transparent;
    content: " ";
}
a.entry-thumb:hover img {
    opacity: .35;
}

#2 Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Please add following code in child theme’s functions.php file :

// Featured Image
// =============================================================================

//
// Output featured image in an <a> tag on index pages and a <div> for single
// posts and pages.
//

if ( ! function_exists( 'x_featured_image' ) ) :
  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" title="%2$s">%3$s</a>',
            esc_url( get_permalink() ),
            esc_attr( sprintf( __( 'CUSTOM TEXT: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ),
            $thumb
          );
          break;
      }

    }

  }
endif;

Instead of CUSTOM TEXT, put your string.

Hope that helps.

[Author]

Posts