Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Version 4 - Transparent Top Menu Background Rate Topic   - - - - -

 
  • Wellsy69
  • Member
  • Members
  • Join Date: 02-Apr 07
  • 55 posts

Posted 11 July 2013 - 05:06 PM #1

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.

 
  • tmv
  • Member
  • Members
  • Join Date: 14-Sep 07
  • 148 posts

Posted 12 July 2013 - 02:06 PM #2

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

 
  • NairdaCart
  • Senior Member
  • Members
  • Join Date: 18-Jul 11
  • 306 posts

Posted 12 July 2013 - 03:18 PM #3

@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.

 
  • tmv
  • Member
  • Members
  • Join Date: 14-Sep 07
  • 148 posts

Posted 12 July 2013 - 09:46 PM #4

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


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

 
  • NairdaCart
  • Senior Member
  • Members
  • Join Date: 18-Jul 11
  • 306 posts

Posted 13 July 2013 - 03:14 PM #5

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


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

 
  • tmv
  • Member
  • Members
  • Join Date: 14-Sep 07
  • 148 posts

Posted 13 July 2013 - 07:42 PM #6

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


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%));

 
  • NairdaCart
  • Senior Member
  • Members
  • Join Date: 18-Jul 11
  • 306 posts

Posted 13 July 2013 - 08:10 PM #7

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.

 
  • zviadi
  • Member
  • Members
  • Join Date: 01-Sep 11
  • 26 posts

Posted 26 August 2013 - 10:14 PM #8

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