How to relocate Posts page title in Digital Pro

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;
}
This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.