[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 |
just make a <div> with an id and apply some CSS
HTML Code:
<div id="my-header-overlay">Espace Clients</div> HTML Code:
#my-header-overlay { color: #ffffff; font-size:36px; top:50px; left: 200px; position: relative;} |
I did exactly what you said, unfortunately, it doesn't work : there is still a white band added above my header image...
:confused: |
What is the url?
|
www.cultures-strategy.com, I just erased the formulas, but will put it again so you can see the difference.
Isabelle |
That is not a wordpress site.
|
you are right : it is www.cultures-strategy.com/2011... Sorry...
|
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' |
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 03:54 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.