Promo 1 - Get our lifetime membership, all themes, and updates forever for only 95 USD.
Promo 2 - Get a free pro theme when you host with us.

How to center the front page title group like the demo

By default, the front page custom header has the site title and description aligned to the left, but on the live demo site, I have it centered. This requires a little bit of custom CSS, but you are in luck because I will give that to you with the following tutorial….which is quite easy. We will center the front page site title like this:

pureblog center fp title

Go to Appearance >> Customize >> Additional CSS

Then copy & paste the following code into the field. Once done, click Save or Publish.

/* Center front page header branding and menu */
.home #top-menu {text-align: center;}

body:not(.title-tagline-hidden) .site-branding-text {
   display: block;
   vertical-align: middle;
   text-align: center;

body:not(.home) .site-branding-text {display:inline-block;}

body.has-header-image .site-description, .site-description {
   margin-left: auto;
   margin-right: auto;