Post title above featured image - Integrity

Hello,

I’m trying to figure out how to place the post title above the featured image and centered? I tried inputting the following into additional CSS as another user suggested, but no success:

.single-post .entry-featured {
display: none;
}

To be specific, I’m using the Integrity stack.

Hello there,

Thank you for writing in :slight_smile:

Step 1: As this type of change would require a template change, I would recommend that you setup a child theme if you haven’t already (please check out the following guide on child themes: https://theme.co/apex/forum/t/setup-how-to-setup-child-themes/57). Using a child theme would allow you to make code changes that wouldn’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in the following guide: https://theme.co/apex/forum/t/customizations-best-practices/205

Step 2: After you have done that, please copy the file wp-content/themes/x/framework/views/integrity/content.php in your child theme’s folder /framework/views/integrity, open the file in a text editor and replace the new content.php file in your child’s theme with the following code:

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

Step 3: Finally, you may wish to then add the following code in your custom CSS area being Customize --> Custom --> Global CSS:

.single-post .x-main.left .hentry .entry-featured {
   margin-top: 40px;
   margin-bottom: 10px;
}

I hope this helps :slight_smile:

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