Transparant main menu possible?

I would like to know if it is possible to have the main menu transparant? In this way the nice background slideshow (using GK Image Show) can be seen a little bit through it.

Can you give hints on how to do this?

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkTop { background: transparent !important; border-bottom: 0}


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Ah, this is great. But I would still need a black/grey transparent background colour which visually marks where the main menu is.

Is it possible to do this and play around with the transparency/opacity?

You can try to use this code but with transparency but this change transparency for whole container; for the text also.

Code: Select all

#gkTop {transparency: 0.8}

I tried what you have suggested but with not success.

If possible, the text itself (links for the main menu) should not be dimmed out.

Do I have to create some kind of graphics to use as a background and then apply opacity/transparancy to that?

Please advice, this is really an important feature wich I think will look really good.

Hope to hear from you soon

Probably graphic with alpha channel will be the only way other solutions probably need to change HTML structure so if there is some way to make is simple it is better to use background file

OK, I will try a background image.
Can I make a small image which is then maximized over the whole module area?
If I have the image, can you help me with the CSS code?

Yes you can use small pattern and then just use repeat-x, repeat-y in CSS rule. Code will be very simple :

Code: Select all

#gkTop {backgorund: url('path/to/file.png') repeat}