Viewing Dropdown background
Dropdown background
|
User: Raf P. 11 years ago
|
|
|
Is it possible to make the dropdown background transparent?
------------------------------- Kind regards, Raphael Pairoux |
|
|
User: Roddy 11 years ago
|
|
|
Paste this into the Site Wide Head Code box... <style type="text/css"> #navmenu_menu0 ul ul li a, #navmenu_menu0 ul li.active li a, #navmenu_menu0 ul li:hover ul li a, #navmenu_menu0 ul li.hover ul li a { background:#000000; /* fallback background color */ background:rgba(0,0,0,0.5); /* transparent background */ } </style> Make sure the menu ID is correct. If this is the first instance of using the menu on a project, the ID will be 0 like the above. In this line - background:rgba(0,0,0,0.5); - the first three numbers are the rgb color numbers and the last one is the opacity setting. You can get the color numbers from the rgb sliders window in your color window and the opacity setting can be varied from 0 to 1. The fallback color is for older browsers which don't support transparency. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Raf P. 11 years ago
|
|
|
Hi Roddy, I made the changes in the Head Code and published the site to a folder. I still have the backgroundcolors of the navmenu. The ID is 0. Checked it on the index html page. Maybe I have to publish the entire site up to the hosting to get the navmenu working correctly? ------------------------------- Kind regards, Raphael Pairoux |
|
|
User: Roddy 11 years ago
|
|
|
I just tried it and it does work. You need to set the value for opacity to zero if you want it completely transparent. Also you need to apply the same to the hover it you want that transparent as well... <style type="text/css"> #navmenu_menu0 ul ul li a, #navmenu_menu0 ul li.active li a, #navmenu_menu0 ul li:hover ul li a, #navmenu_menu0 ul li.hover ul li a { background:#000000; /* fallback background color */ background:rgba(0, 0, 0, 0); /* transparent background */ } #navmenu_menu0 ul ul li a:hover, #navmenu_menu0 ul li.active ul li a:hover, #navmenu_menu0 ul li:hover ul li a:hover, #navmenu_menu0 ul li.hover ul li a:hover { background:#000000; /* fallback background color */ background:rgba(0, 0, 0, 0); /* transparent background */ } </style> ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
✔ Best Answer
|
|
| Post Reply |
| You must login or signup to post. |