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] How to place %bar2 over the header image?? (http://forum.bytesforall.com/showthread.php?t=4739)

Masselyn Dec 6, 2009 06:54 PM

[SOLVED] How to place %bar2 over the header image??
Kinda weird, I know...but I need to take the %bar2 (with text - "Career Coaching, Life....") and place it on top of the header so that it lays right at the top of the header images (see link below). Basically moving it down. When I adjust the margin-bottom it appears to go behind the header and not on top of it. Can this be done?


juggledad Dec 6, 2009 07:59 PM

I'll need to see the actual site so I can look at the generated code in order to advise you.

Masselyn Dec 6, 2009 08:12 PM

I wish I could, but the site is not launched. I am redesigning a site for a client, where their current HTML site is still live and Wordpress is installed behind it. I take the HTML site down at night (rename the default.html to default.old), to view my changes and make small tweaks, and then I rename the default.htm file back so the HTML site becomes live again (hope that makes sense - but I have worked through the tweaks that Wordpress.org indicate for being able to have HTML files and Wordpress sit on the same location and it does not work).

Anyway, I am using the Div Container hack that was mentioned in a post - so that I can have different headers for each page. Then, in the header config in Theme Options, I have added that in addition to the %bar2. But the bar always wants to sit behind the header. Not sure if this helps at all, and I will be taking the site down in about an hour so I can view the Wordpress system - if you happen to be online the URL for the site is


Thanks, as always...

Wimbledon Dec 7, 2009 03:16 PM

So you want that image ("Career Coaching" etc.) placed over the top of the header?

You could accomplish this with a new widget area over the header.

Masselyn Dec 7, 2009 07:49 PM

Actually the words are not an image, but text that I inserted into the PHP file for the bar2. I would like to be able to move the bar2 so that is lays over the header, and sits right on top of the images that are in the header. I have the site up tonight, because I am working with the client through the pages, content, etc. Can I layer text in widget, with the header being the background? I might try that.


juggledad Dec 8, 2009 04:36 AM

to move %bar2 around use
HTML Code:

div.horbar2 {
        z-index: 4;
        position: relative;
        float: left;
        width: auto;
        margin-top: 35px;
        margin-left: 10px;

and play with the numbers

Masselyn Dec 12, 2009 02:36 PM

Thank you so much. This totally did it, and I just tweaked the settings to get the bar in the right location. You're the best (along with Flynn, can't forget Flynn).


All times are GMT -6. The time now is 02:23 AM.

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