Version 4 - Transparent Top Menu Background

Hi Guys,



I'm just working on version 4 and, as I have a very dark background image, I would like the top menu background to be transparent so that the white text of the menu sits directly over the background image.



Can't seem to do it in the new theme designer and I can't find the relevant CSS (using Firebug didn't seem to show the menu colour up).



Any ideas would be much appreciated.

I have the same question - I can not change top menu background color :confused: There is no manual on theme design of v.4 yet but step by step I could realize the logic of them building, the only stick is - top menu

@tmv, the basic color can be changed in the theme editor under the Color section.



@Wells69, as far as I know you'd need to create a my_changes style and set the appropriate dropdown class in it depending on how your menu is structured. For my setup creating an override style for .dropdown-multicolumns does it. The colour is set as part of a background gradient



Rather than Firebug use the Firefox built in inspector (right click on the menu and choose Inspect Element) it shows up in there.

[quote name='NairdaCart' timestamp='1373642301' post='165258']

@tmv, the basic color can be changed in the theme editor under the Color section.

[/quote]



Thank you. Then other question - how to put off the gradient?

[quote name='tmv' timestamp='1373665604' post='165279']

Thank you. Then other question - how to put off the gradient?

[/quote]



Refer to my reply above to Wells69. You would need to create an override CSS style setting the background property not using a gradient.

[quote name='NairdaCart' timestamp='1373728498' post='165290']

Refer to my reply above to Wells69. You would need to create an override CSS style setting the background property not using a gradient.

[/quote]



Thank you for our time. I usually act more rough and change the .css files. The problem is that gradient properties are not assigned in the regular .css files but in the strange file scheme.less and, probably, somewhere else in the database where properties of themes are kept. Developers promised to write a manual on it, I thought that somebody could give some explanations. Sorry to be so silly but I do not know what means such lines like this one

.gradient (lighten(@base, 33%), lighten(@base, 45%));

By far the easiest way is to just use the my_changes feature. That's exactly what it's designed for. Some styles need !important on them to override properly.



If you really want to edit the .less file then the parts that start with an @ refer to the fields in the theme editor so @base is replaced with the colour set for base and @menu is replaced by the colour for menu etc.



No idea what will happen if you start changing those files though.

Can you copy here the code what to replace in order to make menu bar transparent and menu categories blue or black??