Docs

[adhammond]

I am using the icon stack and when I hover over an item it appears as a “link icon” vs the title of the portfolio. Is there something I can do to change it to the portfolio title?

Also, I feel like my portfolio items are somewhat blurry. They are 1200×800 jpgs, 0% lossy. Is there a resolution that would work best? Do I just need a larger image?

[Rue Nel]

Hello There,

Thanks for writing in! What you are trying to accomplish requires a template customization, we would like to suggest that you use 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.

After the child theme is set up, please add the following code 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() ) {

      $thumb = 'full';

      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( __( '%s', '__x__' ), the_title_attribute( 'echo=0' ) ) ),
            $thumb
          );
          break;
      }

    }
}

And then please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .entry-thumb:before {
    content: attr(title);
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    line-height: 28px;
    left: auto;
    height: auto;
}

The resulting layout would be this: http://image.prntscr.com/image/577660540baf423f9904340719ad99ef.png

Hope this helps.

[Author]

Posts