Transparent background for menu « Support Forum | Kriesi.at

Transparent background for menu

5 posts from 3 voices

Tags:

mykubewaves
Member

Hi,

Is it possible to define a transparent background for the menu?

Thanks.

Posted 1 year ago #
Dude
Dude
Yes - add following code to css/custom.css:
```
#top .main_menu .menu ul {
    background: url("../images/skin1/bg.png") transparent;
}
```
and adjust the image url (use a transparent background image). You can also use rgba color values instead: http://www.css3.info/introduction-opacity-rgba/
Posted 1 year ago #
mykubewaves
Member

Hi,

Works fine great! But how do this for the menu where the logo is? Because for the moment it's just working for submenu.

Thanks.

Posted 1 year ago #
Ismael
Moderator
Hello,

To change the color and transparency of the whole box. Try this code or set Dude's background: url("../images/skin1/bg.png") transparent; on that selector. Either code might work.
```
.box {
background: rgba(255, 255, 255, .2);
}
```
You may change the values. This might also help http://www.css3.info/introduction-opacity-rgba/.

Regards,
Ismael
Posted 1 year ago #
mykubewaves
Member

Hi,

Works fine! Thanks a lot.

Pierre

Posted 1 year ago #

This topic has been closed to new replies.