MEET SITKA | A super-customizable modern WP theme!

Okay
  Print

Move the post header above featured image in Florence

Please note: This FAQ Article is specifically for the Florence theme.




Move Post Header Screenshot #1


By default, your posts will first display the featured image, followed by the post header (post title & post categories), the post content, and lastly the post footer. If you'd like to shift the post header from below the featured image to above the featured image, you can follow these steps:

Move Post Header Screenshot #2


Open up the "content.php" theme file.
You can open this file via WP Dashboard > Appearance > Editor, or, via a
snazzy code editor plugin such as WPide.
Beginning on Line 55, you will see the following block of code:

    <div class="post-header">
        
        <?php if(!get_theme_mod('sp_post_cat')) : ?>
        <span class="cat"><?php the_category(', '); ?></span>
        <?php endif; ?>
        
        <?php if(is_single()) : ?>
            <h1><?php the_title(); ?></h1>
        <?php else : ?>
            <h2><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></h2>
        <?php endif; ?>
        
    </div>


Move Post Header Screenshot #3


Copy this block of code, scroll up the document, and paste it onto Line 2 (the blank line immediately following the first line of code in the file). Be sure to go back down and delete the original block of code (noted above), otherwise you'll have two post headers displaying. When finished, be sure to save the file.

Move Post Header Screenshot #4


Then, within your WP Dashboard > Appearance > Customize > Custom CSS, copy & paste the following code:

.post-entry {padding-top: 20px;} 


Be sure to save when you're finished. And that's it!

Move Post Header Screenshot #5