Reply To: Site Title (two rows needed); background image on front page header only

[Tom]

Hi there,

1. Best way to do this is probably using GP Hooks. First, remove the site title and tagline in “Customize > Header Content”.

Then, go into GP Hooks and add something like this in the “Before Header Content” hook:

<div class="site-branding">
      <p class="main-title" itemprop="headline"><a href="URL TO YOUR HOMEPAGE" title="TITLE OF YOUR WEBSITE (SHORT)" rel="home">THE TITLE OF YOUR WEBSITE <br /> THIS IS ON THE SECOND LINE</a></p>
      <p class="site-description">YOUR SITE TAGLINE</p>
</div>

2. You may want to remove the header from the option and use CSS instead.

.home .site-header {
      background-image: url( 'URL TO YOUR IMAGE' );
}