Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1094966
    hadorii
    Participant

    Hello,

    I have two questions about my blog page: http://www.bonnenuitbaby.com/blog/

    1. Is it possible to remove the titles above the images?
    2. Is it possible for the image to *not* be the featured image but still show up on this page? I really don’t like the large size of the featured image.

    Thanks!

    #1095012
    Thai
    Moderator

    Hi There,

    1. Is it possible to remove the titles above the images?

    To remove the post titles, please add the following CSS under Customizer > Custom > Global CSS:

    .blog .post .entry-header {
        display: none;
    }

    2. Is it possible for the image to *not* be the featured image but still show up on this page? I really don’t like the large size of the featured image.

    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.

    To change the image size of the featured images, please add this code at your child theme’s functions.php:

    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, 'medium', NULL );
          } else {
            $thumb = get_the_post_thumbnail( NULL, 'medium', NULL );
          }
        } else {
          if ( $fullwidth ) {
            $thumb = get_the_post_thumbnail( NULL, 'medium', NULL );
          } else {
            $thumb = get_the_post_thumbnail( NULL, 'medium', 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( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ),
              $thumb
            );
            break;
        }
    
      }
    
    }

    Hope it helps 🙂

  • <script> jQuery(function($){ $("#no-reply-1094966 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>