Set color to menu

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Mar 14, 2013 4:09 pm
Reply with quote
Report this post
Hello!

I would like make a bar menu called "promos" in red. How could I change it?

Regards
User avatar
Expert Boarder

GK User
Thu Mar 14, 2013 8:03 pm
Reply with quote
Report this post
Hi, I don't see menu called "promos" on demo page, could you add a screen-shot with arrow what do you mind?
User avatar
Platinum Boarder

GK User
Thu Mar 14, 2013 10:12 pm
Reply with quote
Report this post
Hello,

I would need change the color only in "Promos".My site is following http://www.vimistore.es/
User avatar
Expert Boarder

GK User
Fri Mar 15, 2013 9:10 pm
Reply with quote
Report this post
Hi, use this code:
Code: Select all
.gkMenu > ul > li > a#menu881 { color: red; }


to set red color for "Promociones" menu item.
User avatar
Platinum Boarder

GK User
Sat Mar 16, 2013 1:04 am
Reply with quote
Report this post
Perfect!!!!

Thanks!!:-)
User avatar
Expert Boarder

GK User
Mon Mar 25, 2013 11:00 am
Reply with quote
Report this post
Hi,

in which file is this located? I've looked in template.css, and couldn't find it? I also looked in menu.css, but i can't find the part with the ID's of the categories.

Thank you.
User avatar
Junior Boarder

GK User
Mon Mar 25, 2013 9:42 pm
Reply with quote
Report this post
Hi, @kopin - you don't have search in css files, you have to use overwrite feature in template configuration. :D
Second, each menu item has it's own ID.
User avatar
Platinum Boarder

GK User
Tue Mar 26, 2013 11:23 am
Reply with quote
Report this post
Hello Kopin

You have to paste the code in configuration "Custom CSS code".Also you should enabled CSS override

Image

Regards
User avatar
Expert Boarder

GK User
Tue Mar 26, 2013 4:35 pm
Reply with quote
Report this post
Hi,
"CSS override" option is only for extra overwrite.css file , you don't have to enable it if you use only standard Custom css field. :geek:
User avatar
Platinum Boarder

GK User
Tue Mar 26, 2013 11:41 pm
Reply with quote
Report this post
Hi, thank you for the replies guys.

It works great!

One more question please, if I wanted to change the background just for one menu item? Can that be done?

Thank you very much!
User avatar
Junior Boarder

GK User
Wed Mar 27, 2013 11:44 pm
Reply with quote
Report this post
Hi @kopin,

sure no problem but you have know ID of your menu item (example menu263)
Code: Select all
.gkMenu > ul > li > a#menu263 { background: red; }


Use firebug to check it (click on image below):
268.png
User avatar
Platinum Boarder


cron