Menu button an icon

Hi there,
I need to change font colour for the menu "button" for the sidebar and the menu icon with it. Please advice where to do so?
Thanks!

Hi,

Code: Select all

#gkMobileMenu {color:red;}
#gkMobileMenu i:before, #gkMobileMenu i:after, #gkMobileMenu i {background:red;}
 

p.s.
check my footer link also.

Thanks,
I have put this script into override.less file but now no home link in the sidebar and colour on menu button still black.

Oh didn't have the loss recompile turned on - menu button now changed to white when changed in menu.less Can you advise on how to add background to it so it's more visible on the background image?
Thanks

I guess yes.

Code: Select all

#gkMobileMenu {padding:5px; background:rgba(0,0,0,0.6); }

of course you can use your own bg color etc.. this is easy part.

Hi Ocar, thanks once again - I have trie dto paste this code into override.less however no effect. Also tried to use same in the menu.less file however again no effect.

I guess yes.

Code: Select all

#gkMobileMenu {padding:5px; background:rgba(0,0,0,0.6); }

of course you can use your own bg color etc.. this is easy part.

add in custom CSS field in template settings,
or rebuild less
but remember this was code for override.css ! only !

p.s.
Since now there is GK Quark v1.0.2 and there is a option to have classic menu. Download new template and re-install.

Oscar,
I have now enabled override css and disabled recompile Less, however still this code didn't add background (highlight) to the menu button. I am not really interested in classic menu

add in custom CSS field in template settings,
or rebuild less
but remember this was code for override.css ! only !

try to add this code in template settings where is field for custom css,
if will not work show me URL again.

Didn't work...

fureysmyth.com

try to add this code in template settings where is field for custom css,
if will not work show me URL again.

heheh,
I know where is YOUR mistake, sorry dude
you put "none repeat scroll 0 0 rgba(255, 255, 255, 0)" what is means 100% transparency,

now check my example you will see small difference
or try
none repeat scroll 0 0 rgba(255, 255, 255, 0.5)

BTW
In your free time please spend few minutes reading about RGBA
http://www.w3schools.com/cssref/css_colors_legal.asp
or play here: http://www.css3maker.com/css-3-rgba.html

That makes sense - thanks a lot.
However... crying out loud - it worked for a moment and then it went back to old...

This is the code I have in the override.css
#gkMobileMenu {padding:10px; background:rgba(255,255,255,0.8;}
#gkMobileMenu {color:grey;}
#gkMobileMenu i:before, #gkMobileMenu i:after, #gkMobileMenu i {background:grey;}

the LESS compile is disabled so it shouldn't overwrite the CSS.

Also for the short time it worked the white background on the button's was much bigger then font height.

heheh,
I know where is YOUR mistake, sorry dude
you put "none repeat scroll 0 0 rgba(255, 255, 255, 0)" what is means 100% transparency,

now check my example you will see small difference
or try
none repeat scroll 0 0 rgba(255, 255, 255, 0.5)

I shown you a tip, I'm not here to build or rebuild your site.
In generally we should help only with issues and how to set.... and your request was about customization anyway.
but sure if you need help with extra customization , mean template tunning you can always send me PM.

Not a bother Oscar - sorry to be bothering you. I figured it out directly in LESS.

I shown you a tip, I'm not here to build or rebuild your site.
In generally we should help only with issues and how to set.... and your request was about customization anyway.
but sure if you need help with extra customization , mean template tunning you can always send me PM.

Sure, I hope only that you understand between support and customization serves. Sometimes it's thin border.