Reverse single post title and meta order

Single post layout customizations can be useful when the layout demands it. When the post featured image is set to appear above the title from the Customizer settings, the default order is for the post meta to appear after the title. Use these two lines of code to reverse the single post title and meta order:

.single-post .inside-article .entry-header {
	display: flex;
	flex-direction: column-reverse;
}
Post title - meta - Default order
Post title – meta default order
Post title - meta - Reversed order
Post title – meta reversed order
GeneratePress logo

Need help on customizing GeneratePress or GenerateBlocks?

Helpful info

Adding CSS

Adding PHP

Using a child theme

Keep up to date with newly released articles

Sign up to the Knowledge Base newsletter

You will only receive an email when new content is added in the Knowledge Base. No spam, that's a promise!