This tutorial provides the steps to relocate the title of Posts page (.posts-page-description) in Digital Pro from its default location (.site-inner > .content-sidebar-wrap > .content) to below the site header.
Step 1
If you have not already, create two static Pages named say, Home
and Blog
.
At Settings > Reading, set Home
as the Homepage and Blog
as the Posts page.
Step 2
Add the following in Digital Pro’s functions.php:
// Repositions Posts page heading.
remove_action( 'genesis_before_loop', 'genesis_do_posts_page_heading' );
add_action( 'genesis_after_header', 'genesis_do_posts_page_heading' );
Step 3
Add the following in Digital Pro’s style.css:
.blog .site-inner {
margin-top: 0;
}
.posts-page-description {
margin-bottom: 0;
padding: 50px 0;
background-image: linear-gradient(#2464bc, #6693d0);
}
@media only screen and (min-width: 801px) {
.posts-page-description {
margin-top: 90px;
}
}
.posts-page-description .archive-title {
color: #fff;
}