Archived topic
Show an image in header
5 replies · Started by Oscar Piglione on February 17, 2015
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
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 :)
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
I'm not seeing any extra spacing? Did you manage to fix it? :)
Only a very small difference, but could be generated by the logo image.
It does non matter.
Many thanks, Tom
Make sure the logo and widget image are the same height - then they should be identical :)
Thanks!
