[Resolved] Show an image in header

[Oscar Piglione]

Hi,

I need to show an image in the right area of the header, the site address is:
http://oscar.molo81.net/

I got an extra line, making the header too tall and I’m not able to fix it.

I put the following code in GP Hooks -> After header content:
=== code ========
<style>
.main-title {
width: 600px;
padding: 0;
margin: 0;
float: left;
display: block;
position: absolute;
}
.site-description {
width: 600px;
position: relative;
left: 10px;
top: 60px;
}
#LogoMolo {
display: block;
float: right;
position: relative;
left: 0px;
top: -30px;
}
</style>
<div id=”LogoMolo”></div>
=== end code ========

Can you give help?

Many thanks and regards

[Tom]

Hi there,

You’ll want to add your styles to the “wp_head” section.

However, why not just use the Header widget area?

If you’d rather do it this way, try adding your div before the header content, and remove the negative spacing you added to it.

Let me know 🙂

[Oscar Piglione]

Thanks Tom,

the header widget area worked fine. I sill have some extra space in the header height (compared with the standard)

I removed all css directives from GP Hooks, because I cannot manage to remove that space.

Any suggestion?

Best Regards

[Tom]

I’m not seeing any extra spacing? Did you manage to fix it? 🙂

[Oscar Piglione]

Only a very small difference, but could be generated by the logo image.
It does non matter.
Many thanks, Tom

[Tom]

Make sure the logo and widget image are the same height – then they should be identical 🙂

Thanks!

[Author]

Posts