Docs

[bibianasilveira]

Hi, I have X theme with integrity stack on http://bergamotadesign.com, with child theme, and would like to change the location of thumbnail images so they show above the post content and the sidebar, using the full width of the content area (kinda like this https://tdeditordemo.wordpress.com/2014/06/10/reasons-for-traveling/). Help please, have not found anything similar on forum (maybe don’t know how to look). TY!

[Friech]

Hi There,

Thanks for writing in! Please navigate to Appearance > Customize, then Customizer under the Blog panel set the Layout to Fullwidth.

Hope it helps, Cheers!

[bibianasilveira]

Thanks for the fast reply!

But no, that’s not what I want. I want the thumbnail – in single posts – to show above the content and sidebar, not above content and next to sidebar. I believe this would require custom php for the single-post page, but don’t understand the theme’s programming enough to do it on my own. As illustrated in the attached image.

[Christian]

Hey there,

Please copy content.php and wp-single.php located in themes\x\framework\views\integrity to the same folder in your child theme themes\x-child\framework\views\integrity. Open the copied content.php file and replace the code

  <div class="entry-featured">
    <?php x_featured_image(); ?>
  </div>

with

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

Then, open the copied wp-single.php file and paste the code

<div class="entry-featured">
    <?php x_featured_image(); ?>
</div>

right below the line

<div class="x-container max width offset">

Or, above the line

<div class="<?php x_main_content_class(); ?>" role="main">

You will need to add some bottom margin to the featured image container after that as the Integrity sidebar was designed to align with the content. To do that, add the code below in your Appearance > Customize > Custom > CSS

.single .entry-featured {
    margin-bottom: 15px;
}

See attachment for the expected result.

Hope that helps. 🙂

[bibianasilveira]

Ok, thumbnail placement is perfect, thank you!

But now the custom post header info is missing… file x-child/framework/views/integrity/_content-post-header.php

<?php

// =============================================================================
// VIEWS/INTEGRITY/_CONTENT-POST-HEADER.PHP
// -----------------------------------------------------------------------------
// Standard <header> output for various posts.
// =============================================================================

?>

<header class="entry-header">
  <?php if ( is_single() ) : ?>
  <h1 class="entry-title"><?php the_title(); ?></h1>
  <?php else : ?>
  <h2 class="entry-title">
    <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to: "%s"', '__x__' ), the_title_attribute( 'echo=0' ) ) ); ?>"><?php x_the_alternate_title(); ?></a>
  </h2>
  <?php endif; ?>
  <?php x_integrity_entry_meta(); ?>
  <?php echo do_shortcode('[supsystic-social-sharing id="1"]') ?>
</header>

[Christian]

The provided code or instruction won’t affect entry-header or x-child/framework/views/integrity/_content-post-header.php (see attachments). You might have modified content.php incorrectly. The code below is responsible for displaying _content-post-header.php

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

Check if that was deleted in your content.php. Otherwise, please seek help from a WordPress developer to investigate further as this would be falling into custom development which is outside the scope of our support. Further more, the code provided serves only as a guide in customizing X.

Thank you for understanding.

[bibianasilveira]

That was it, thank you!

[Thai]

If you need anything else please let us know.

[bibianasilveira]

Hi, it worked perfectly, thanks. But now I have a problem with the thumbnail size. The thumbnail size used is 800px wide, and the result is the image is pixelated (as shown in the image attached) when viewed in large screens. I figure I’d need to change the thumbnail size, but don’t know exactly how to do it… help please!

[Christian]

You will need to use a higher resolution featured image. You will need to remove it from your post and upload a new one.

If what you’re looking for is changing image sizes dynamically, regretfully, further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[Author]

Posts