How can I placed someting above the Image Show GK4?

Hello!


I want to put in the header (Image Show GK4) a chalkboard.
Like

example1.jpg

I did that with "position: absolute" but when I change the window size the chalkboard is change of position:

example2.jpg

I used that code:

Code: Select all

<div style="position: absolute; left: 900px; top: 450px; width: 265px; height: 325px; z-index: 50;">
<div class="gkChalkboard_oldalso"><strong>&nbsp;Címünk</strong>
<p style="font-size: 10pt;">6724 Szeged,<br /> Csaplár Benedek u. 7. <br />+36 30/939-1197</p>
<strong>&nbsp;Nyitva tartás:</strong>
<p><span style="font-size: 10pt;">Hétfőtől - Szombatig</span><br /><span style="font-size: 10pt;">11:00 - 23:00<br />konyha 22:00-ig</span></p>
<p><span style="font-size: 10pt;">Vasárnap</span><br /><span style="font-size: 10pt;">11:00 - 21:00<br />konyha 20:30-ig</span></p>
</div>
</div>


I tried the "position: absolute with z-index" then the position is great but the chalkboard is under the header all time.

example3.jpg

Somebody can solve my problem?

Thanks:

Peter

Hi,
can you give us url to your website ?

Hi!

http://www.szeged.kalvadosetterem.hu/

The header in top1 and the chalkboard (custom html) is in right position.

Please add to override.css

Code: Select all

.gkChalkboard_oldalso {
    z-index: 10000 !important;
}


and remember to enable override.css option in template settings.

Hi!

Thank you for the fast answer!

I solved the problem.
The solution:
I have to put them the same position, and I must use the "float: left;" and the "z-index: 10000 !important;"

THX!