Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] rotating header beside logo image (http://forum.bytesforall.com/showthread.php?t=16688)

pmac Feb 6, 2012 08:54 AM

[SOLVED] rotating header beside logo image
 
Hi there,

Wondering how to get rid of the large space under the header area on meredithmustard.com. ata 3.7.3 and WP 3.3.1. I have the rotating image as the header and if I mess with the space under the header with table#logoarea {display: none;} the logo image disappears but the space is removed. If I mess with the size with

table#logoarea {width: 1000px;
height: 300px;
}

the image is there and so is the space. Any suggestion or is there a better way to set up the header to get the rotating image on the left and the logo image to the right with the body content right up under the header?

Thanks!

lmilesw Feb 6, 2012 10:10 AM

The spacing is because the title image is 300px high. As for moving it over to the right you have to do some twiddling with the CSS or you could also have the title as part of the rotating image. Below is some CSS is one of many things that MIGHT work. This is the kind of stuff that getting familiar with Firebug will help with and there is often no one right way.
HTML Code:

.logo {
    left: 340px;
    position: absolute;
    top: -50px;
}
#container {
    position: relative;
}
table#logoarea {
    margin-top: -290px;
}


pmac Feb 24, 2012 09:51 AM

With just a little more tweaking, this lined right up. Thanks!


All times are GMT -6. The time now is 09:16 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.