I'd like the title to appear above the featured image

Support
#1

Hello. I’d like the title to appear above the featured image in all posts. As it stands, you have to scroll down past the featured image to get to the title.

#2

Hello,

I`ve checked your site and you’re talking about the most recent titles?

#3

I’m talking about the titles on all the blog posts, sorry.

#4

Hello There,

Thank you for the clarifications. To resolve your issue, we need to modify the post template. Because what you are trying to accomplish requires a template customization, we would highly 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.

Once you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/INTEGRITY/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Integrity.
// =============================================================================

?>

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

3] Save the file named as content.php
4] Upload this file to your server in the child theme’s folder
wp-content/themes/x-child/framework/views/integrity/

The path may not exist yet in your child them so you will need to create the folders.

Hope this helps. Please let us know how it goes.

#5

This may be too technical for me. I was hoping there was a minor css modification involved.

But I’m going to try. Is there maybe something different I need to do on a mac?

EDIT: Installing the child theme erased all the custom css. Grr.
EDIT2: Have fixed previous css.

And this may be a stupid question, but where do I find the child theme folder?

OK I found it.

I did everything you said and nothing has changed… and yes, I cleared the cache.

#6

See photo. This is what I need on all blog posts. From http://adventures-in-middle-aged-travel.com/explore-vancouver-like-local/

#7

Hi,

Kindly change the code in your wp-content/themes/ x-child /framework/views/integrity/content.php with this.

<?php

// =============================================================================
// VIEWS/INTEGRITY/CONTENT.PHP
// -----------------------------------------------------------------------------
// Standard post output for Integrity.
// =============================================================================

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<?php x_get_view( 'integrity', '_content', 'post-header' ); ?>
  <div class="entry-featured">
  
    <?php x_featured_image(); ?>
  </div>
  <div class="entry-wrap">  
    <?php x_get_view( 'global', '_content' ); ?>
  </div>
  <?php x_get_view( 'integrity', '_content', 'post-footer' ); ?>
</article>
#8

Thank you. That worked.

Is there any way to add a space beneath the title and remove the extra space directly under the featured image?

EDIT: I added space under the title with

.entry-title {
margin-bottom: 15px;
}

But there’s still too much space under the featured image.

EDIT 2: I fixed it with

.entry-wrap {
padding-top: 15px !important;
}

#9

Glad everything is fine now :smiley:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.