Featured images too tall on archive pages

[onesmartcrib]

https://www.onesmartcrib.com

You guys gave me the following code to fix an issue that i was having solving getting the featured images to span the width of my the archive pages

.blog .x-main .hentry.has-post-thumbnail>.entry-wrap, .search .x-main .hentry.has-post-thumbnail>.entry-wrap, .archive .x-main .hentry.has-post-thumbnail>.entry-wrap {
width: 100%;
padding-left: 0;
}

Great! BUT now the images are too high. Can you please send additional code that will help me get them to match the height of the demo images? These are too big. Thanks!
Tim Brennan

[ruenel]

Hello Tim,

Thanks for writing in!

I have checked your site and compared it to the Ethos demo. It seems that you have swapped the featured image and the post title.

Do you want to achieve something like this?

We need to go over the customization that you have done to prevent any issues or complications any further. I’d like to check your site. To better assist you with your issue, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Best Regards.

[onesmartcrib]

Yes I want it to look exactly like the demo
http://demo.theme.co/ethos-1/

Also want to mix in the full width banners like on the above page?

I will create the secure note now and send the admin user name and password. Also, it looks like one of my main categories is not displaying in the drop down. The category is “Reviews” I would expect to see Reviews and All there as well. Thank you.

[ruenel]

Hello Tim,

Your issue is because of your modifications to the content.php file. You have added this code:

<?php

// =============================================================================
// VIEWS/ETHOS/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Ethos.
// =============================================================================

$is_index_featured_layout = get_post_meta( get_the_ID(), '_x_ethos_index_featured_post_layout',  true ) == 'on' && ! is_single();

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

  <?php x_get_view( 'ethos', '_content', 'post-header' ); ?>

    <div class="entry-wrap">

      <?php if ( $is_index_featured_layout ) : ?>
        <?php x_ethos_featured_index(); ?>
      <?php else : ?>
        <?php if ( has_post_thumbnail() ) : ?>
          <div class="entry-featured">
            <?php if ( ! is_single() ) : ?>
              <?php x_ethos_featured_index(); ?>
            <?php else : ?>
              <?php x_featured_image(); ?>
            <?php endif; ?>
          </div>
        <?php endif; ?>
      
      <?php x_get_view( 'global', '_content' ); ?>

    </div>

  <?php endif; ?>
  
</article>

You only swap out the featured image and the post title. The correct code should be this one instead:

<?php

// =============================================================================
// VIEWS/ETHOS/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Ethos.
// =============================================================================

$is_index_featured_layout = get_post_meta( get_the_ID(), '_x_ethos_index_featured_post_layout',  true ) == 'on' && ! is_single();

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <?php if ( $is_index_featured_layout ) : ?>
    <?php x_ethos_featured_index(); ?>
  <?php else : ?>

    <?php if ( ! is_single() ) : ?>
      <?php x_get_view( 'ethos', '_content', 'post-header' ); ?>
    <?php endif; ?>

    <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php if ( ! is_single() ) : ?>
          <?php x_ethos_featured_index(); ?>
        <?php else : ?>
          <?php x_featured_image(); ?>
        <?php endif; ?>
      </div>
    <?php endif; ?>
    <div class="entry-wrap">

      <?php if ( is_single() ) : ?>
        <?php x_get_view( 'ethos', '_content', 'post-header' ); ?>
      <?php endif; ?>

      <?php x_get_view( 'global', '_content' ); ?>
    </div>
  <?php endif; ?>
</article>

We would love to know if this has worked for you. Thank you.

[ruenel]

Hello Tim,

You will need to log in to your FTP and browse to the folder wp-content/themes/pro-child/framework/views/ethos/ and manually edit the file content.php. You need to insert the suggested code to correct your issue.

Kindly let us know how it goes.