How to Put a Banner in the Headway Theme Header
RSantiago from the forums wanted to know how to put a banner in the headway theme header, so I thought I’d make a quick tutorial. Here’s how to put a banner in the headway theme header.
How to Add a Banner to the Headway Header
To add a banner to the header, just add the following code to the before header link easy hook.
<div id="banner">
<a href="http://www.website.com"><img src="your-path-to-image" alt="alt-text" /></a>
</div>
Of course, you’ll want to change that code to the appropriate URLs.
The CSS Code
Now you just need to add the following code to the bottom of your custom.css file:
body.custom div#banner {float: right; display: inline; margin-top: 1%; margin-right: 1%;}
body.custom div#top {clear: none; float: left; display: inline;}
This makes the logo/site name area stay to the left and moves the banner in a nicer position. You can adjust the percentages to move the banner around.
Any Questions?
Have you added your banner yet? Do you have any questions for this tutorial? Share your thoughts and opinions below!
Get a video of this tutorial when you
join the premium section! One-time-fee for access to all of our premium resources.
You just finished reading How to Put a Banner in the Headway Theme Header. Consider leaving a comment. Is the content out of date?
Let us know so we can update it.
RSantiago from the forums wanted to know how to put a banner in the headway theme header, so I thought I’d make a quick tutorial. Here’s how to put a banner in the headway theme header.
How to Add a Banner to the Headway Header
To add a banner to the header, just add the following code to the before header link easy hook.
<div id="banner">
<a href="http://www.website.com"><img src="your-path-to-image" alt="alt-text" /></a>
</div>
Of course, you’ll want to change that code to the appropriate URLs.
The CSS Code
Now you just need to add the following code to the bottom of your custom.css file:
body.custom div#banner {float: right; display: inline; margin-top: 1%; margin-right: 1%;}
body.custom div#top {clear: none; float: left; display: inline;}
This makes the logo/site name area stay to the left and moves the banner in a nicer position. You can adjust the percentages to move the banner around.
Any Questions?
Have you added your banner yet? Do you have any questions for this tutorial? Share your thoughts and opinions below!
Get a video of this tutorial when you
join the premium section! One-time-fee for access to all of our premium resources.
">
http://headwayhub.com/2010/06/20/how-put-banner-headway-theme-header/
Tweet
RSantiago from the forums wanted to know how to put a banner in the headway theme header, so I thought I’d make a quick tutorial. Here’s how to put a banner in the headway theme header.
How to Add a Banner to the Headway Header
To add a banner to the header, just add the following code to the before header link easy hook.
Of course, you’ll want to change that code to the appropriate URLs.
The CSS Code
Now you just need to add the following code to the bottom of your custom.css file:
body.custom div#banner {float: right; display: inline; margin-top: 1%; margin-right: 1%;} body.custom div#top {clear: none; float: left; display: inline;}This makes the logo/site name area stay to the left and moves the banner in a nicer position. You can adjust the percentages to move the banner around.
Any Questions?
Have you added your banner yet? Do you have any questions for this tutorial? Share your thoughts and opinions below!