—
by
This tutorial provides 2 very simple yet highly flexible methods which produce exactly what you see in the screenshots.
Here’s the result using the first method to centre the header image.
And here’s the result using the second to centre a logo in the header with the description below the image.
Thanks for this excellent tutorial. I’m trying to do something similar but can’t quite seem to figure it out.
I want to center the title, but don’t want to use an image. Can this method be modified to accomplish that?
Hi Brad,
Thanks for all your tutorials, have been refering to your website a lot as you created a great resource.
I am using the genesis framework and sample child theme that come with it modifying it for a site I am building.
I am having an issue with the header where I have an image and the site title as well. I want to be able to position the site title about 2/3 of the way down the image but as it is part of the anchor tag I can’t seem to access it without effecting the image too.
I have tried vertical-align middle but it doesn’t seem to do anything.
Would appreciate any suggestions you might have.
Many thanks
Rosie
You need custom coding for this Rosie.
Access only to all free tutorials per month.
Tutorial Request
Includes code guarantee and coding support.
Access to 10 premium tutorials per month.
Tutorial Request
Includes code guarantee and coding support.
Access to 15 premium tutorials per month.
Monthly Tutorial Request
Includes code guarantee and priority coding support.
Was This Tutorial Helpful?