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] Bug when inserting elements overlaying header image (http://forum.bytesforall.com/showthread.php?t=16339)

ioster Dec 26, 2011 10:55 AM

[SOLVED] Bug when inserting elements overlaying header image
 
I use Atahualpa 3.7.1.

I tried to insert something (a text in the exemple) overlaying the header image. In the section header image/Overlay Header Image
I put a html code for instance :

<p style="text-align: right;"><span style="color: #ffffff;"><strong>Espace Clients</strong></span></p>

It mess up my header area with a white space upon and above the image : to avoid it, I added few <br/>, the white space disappeared but there is still the white space above the image.

Could you please explain me how to do it?
Thanks in advance.

Isabelle

juggledad Dec 26, 2011 01:58 PM

just make a <div> with an id and apply some CSS
HTML Code:

<div id="my-header-overlay">Espace Clients</div>
add this to CSS Inserts
HTML Code:

#my-header-overlay { color: #ffffff; font-size:36px; top:50px; left: 200px; position: relative;}

ioster Dec 27, 2011 07:54 AM

I did exactly what you said, unfortunately, it doesn't work : there is still a white band added above my header image...

:confused:

juggledad Dec 27, 2011 08:06 AM

What is the url?

ioster Dec 27, 2011 08:12 AM

www.cultures-strategy.com, I just erased the formulas, but will put it again so you can see the difference.
Isabelle

juggledad Dec 27, 2011 08:47 AM

That is not a wordpress site.

ioster Dec 27, 2011 09:08 AM

you are right : it is www.cultures-strategy.com/2011... Sorry...

juggledad Dec 27, 2011 11:45 AM

what browser are you using? If you use another browser do you still see the bar.

I only see a white bar below the image, then a red bar then the menu.
The white bar is caused by the tagline and the styling associated with it. Try changing the 'margin-top'

ioster Dec 27, 2011 12:13 PM

You were right : when I delete the tag line, the white bar disappear, I changed the margin-top and it's fine now. I only need to change the CSS to obtain what I Want and I should manage to do it now I understood where the problem is.
Many thanks.
Isabelle


All times are GMT -6. The time now is 05:11 PM.

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