Background Image in SiteTitle

Hello!

You can put the image as the background of the site title. Please paste this code to your child theme’s style.css file:

header hgroup {
    background-image: url("https://www.meier-bergen.de/wp-content/uploads/2013/10/copy-panorama_background.jpg");
    min-height: 97px;
}

Because the background image is cut off if it’s element is not as tall as the image, I have included the min-height row, which adds more
space to show the whole background image. If you want, you can try how it looks without the min-height row.
For hiding the image from it’s current location, please paste this code under the above code:

#masthead > a {
    display: none;
}

I hope this solves your issue. If you have any more questions, just post theme here, and I am happy to help.

Greetings,
Toth Balint BT

Hi Toth,

wow, thank you very much for this great help!
It works perfectly.

There is one thing which could make it really perfect.
Can you help me, how to center the site title in the middle of the height oft the picture?
The site title is now very close to the top of the picture so I think it would be better, to center it.

Thank you very much!

Joerg

Hello! Sorry for my slow reply.

Sure, here is the code necessary to solve that:

.site-header h1 a {
	padding-top: 20px;
}

If you want, you can fine-tune the positioning by editing the 20px value.

If you have any more questions, just drop a line here and I am happy to assist.

Have a nice day!
Toth Balint BT

Hi Toth,
great, it works fantastic.
Thank you very much!
Joerg

You are welcome! I am glad that it turned out so well.

You know, if you have any additional questions, just post it here.

Have a nice day!

Toth Balint BT