Creating transparent menu in CSS menu...

User 1963956 Photo


Registered User
17 posts

Hi,
In the old DHTML menu builder I was able to create a transparent background for my menu by changing the value of the variable to 'transparent'. In the CSS version it only seems possible to make changes via the CSS menu designer screens (ie changing the saved menu file doesn't seem to have any effect) and there is no 'transparent' option in the colour boxes.

I have tried making the background colours the same as the page background colour, but this has the effect of doubling the colour value (ie in IE and Firefox the menu comes out as a solid box on top of the background colour).

I have searched the forums and can't find a similar problem. Can anyone advise me how to create a transparent menu in CSS Menu Designer? I am using registered versions of the Developer pack products.

Many thanks!
User 184085 Photo


Ambassador
1,707 posts

scan through the css for things like
background:#0C1859;
and try changing them to
/*background:#0C1859;*/
the #nnnnnn will be whatever color you set with the menu creator the /* and */ define the start and end of a commented area so it will be ignored and should not paint a color, there will also be colors defined in border values so a little trial and error should find them all.

Color:#nnnnnn is your text color so leave these in.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 1963956 Photo


Registered User
17 posts

David,
Thanks very much for your rapid response. By the CSS, do you mean the .mnu file? If so, I have tried commenting out the 3 tags that relate to the background colour, but the changes don't seem to register in the menu preview (I do save and close the .mnu file). Is there some other file I should be changing? Forgive my ignorance, but this is my first web site job.

Kind regards,
Isabel
User 103173 Photo


VP of Software Development
0 posts

Not the .mmu file, that is just the saved menu project file. What you need to edit is the menu-menu.css file located in the CSS folder.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 1963956 Photo


Registered User
17 posts

That's done it :)

Many thanks for your help!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.