Site title above Header Image?

Hey there jd4687,

Hope you’re well today!

This should be possible with making some modifications in header.php. I strongly suggest not editing theme core files but rather making a copy of it in your child theme and making the change there.

Once you do that replacing code in header.php with this one here https://pastebin.com/sCXuPUhG. The result should be your site title and description above the header image.

Hope this helps ??

Best regards,
Bojan

That is awesome! Will wrestle with the font and reduced header image size, but that seens to be more common to adjust. Thanks!

Hey again,

To fix header image height please try adding the following CSS code to your child theme style.css.

.site-header .home-link {
min-height: 230px;
}

This should fix the height issue. What are you looking to do with the font?

Best regards,
Bojan

Maybe a more distinct font, different from the text. BTW any easy way to center the title, or even better have it at the same line as the text ?

Hey again,

Please try adding this CSS to your child theme style.css:

.site-title, .site-description {
max-width: 410px;
display: inline-block;
font-family: "Source Sans Pro", Helvetica, sans-serif;
}

Replace the font family with the font of your choice. You can check this list for web safe fonts https://www.w3schools.com/cssref/css_websafe_fonts.asp.

Hope this helps ??

Cheers,
Bojan

It only changes the title, in the sense it’s in one line. But it still starts at the left end of the screen. Did I do something wrong?

Hey again,

Please replace the code in header.php with this one https://pastebin.com/jrZJn4b7. After that please add this custom CSS as well as the one form my previous post.

a.centerthis {
text-align: center;
display: block;
}

This should center the title and tagline and make them in one line.

Hope this helps ??

Cheers,
Bojan

Thanks mate!

Glad I could help ??

Cheers,
Bojan