
Move the post header above featured image in Florence
Please note: This FAQ Article is specifically for the Florence theme.
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:
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>
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.
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!