Docs

[clatch16]

Hi,

I would like my blog post title below the main image and neatly contained.

I’ve added an example of how I need it to look. How would I go about doing this?

Many thanks!

[clatch16]

This reply has been marked as private.

[Jade]

Hi there,

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.

Once the child theme is installed and activated, login through FTP then go to /wp-content/themes/x/framework/views/renew/ then copy the file content.php and place it in /wp-content/themes/x-child/framework/views/renew/.

Then replace the content of the file with:

<?php

// =============================================================================
// VIEWS/RENEW/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Renew.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  <?php if ( has_post_thumbnail() ) : ?>
      <div class="entry-featured">
        <?php x_featured_image(); ?>
      </div>
  <?php endif; ?>
  <div class="entry-wrap">
    <?php x_get_view( 'renew', '_content', 'post-header' ); ?>
    <?php x_get_view( 'global', '_content' ); ?>
  </div>
</article>

Then add this code in the customizer:

.blog .post {
    padding: 0 !important;
}

.blog .entry-featured {
    margin-top: 0;
    padding: 0;
}

.blog .entry-wrap {
    padding: 25px !important;
}

Hope this helps.

[Author]

Posts