Header banner and max logo size

Robert Harden
asked 10 years ago

I followed the instructions for inserting a banner into the header. However, I don’t want the 770 pixel wide banner, but instead 568 pixels. I have the banner in place, but it’s not right justified. And I want the logo to be larger. How can I accomplish this. I’d like the logo to be 400 pixels or so. It can vary as needed. Here’s the site: http://www.extremely-fit.com/fitness-tips/ and here is what I have in the header text widget: Thanks!

<style>
.ads-568×73 {
text-align: center;
background: #ddd;
height: 73px;
line-height: 73px;
max-width: 568px;
width: 100%;
display: block;
margin:0 auto;
}
.ads-568×73 a {
color: #666;
}
</style>
<div class=”ads-568×73″>
<a href=”URL”><img src=”/IMAGE URL” alt=”Insanity MAX:30″ width=”568″ height=”73″ border=”0″></a>
</div>

1 Answers

DominicStaff
answered 10 years ago

If you want to make the logo size 400x 70px & about banner is 568 pixels, you can do as the following.
Step 1: Go to Dashboard > Customize > Custom Code.
Step 2: Then paste the following code into “Custom wp_head() code:”

<style>
.site-header #header {
background: none;
}

#branding {
width: 400px !important;
}

.site-header #branding a {
width: 400px;
height: 70px;
}
</style>

Step 4: Select Title & Tagline, upload a logo image with the size of 400x70px
Step 5: Open the header.php file in the folder path “”. Find the line 31.
Replace the following code:
<div id=”sidebar-header” class=”span9″>
With new code:
<div id=”sidebar-header” class=”span7″>

Hope this helps !

Robert Harden
replied 10 years ago

That worked great, thank you!