How to change the top menu default color
Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
Rate this topic: 




1.00 out of 6 based on 1 vote(s)






- GK User
- Wed Aug 07, 2013 9:22 pm
- Reply with quote
- Report this post
Hi all,
On the top menu its currently blue (when on home menu) and white for the non chosen menu... How do i change it from white to black ??
thanx in advance
On the top menu its currently blue (when on home menu) and white for the non chosen menu... How do i change it from white to black ??
thanx in advance
-
- Fresh Boarder
- GK User
- Wed Aug 07, 2013 9:26 pm
- Reply with quote
- Report this post
Once please write again because on demo both homepage topmenu background and all subpage topmenu backgrounds are white.
-
- Moderator
- GK User
- Thu Aug 08, 2013 2:52 am
- Reply with quote
- Report this post
Ok here is the site: www.usineweb.ca
you'll see ''acceuil'' and won't be able to see the other option (nous, courriels, coumission etc). You can only see them if you scroll down because they're white on a white background and when you scroll down they get black...
Hope i'm a little bit clearer..lol (sorry english is not my first language)
thanx
you'll see ''acceuil'' and won't be able to see the other option (nous, courriels, coumission etc). You can only see them if you scroll down because they're white on a white background and when you scroll down they get black...
Hope i'm a little bit clearer..lol (sorry english is not my first language)
thanx
-
- Fresh Boarder
- GK User
- Thu Aug 08, 2013 3:25 pm
- Reply with quote
- Report this post
Ok here it is:
How to change the default main menu color ?? (its white by default) and need it black
thanx
How to change the default main menu color ?? (its white by default) and need it black
thanx
-
- Fresh Boarder
- GK User
- Fri Aug 09, 2013 9:49 pm
- Reply with quote
- Report this post
Please edit: /templates/gk_simplicity/css/override.css and add at its end:
Remember to enable "CSS override" in template settings - advanced section.
- Code: Select all
#gkMenuWrap {background: #000;}
.imageBg #gkHeader #gkHeaderNav {overflow: hidden;
background: #000;
}
Remember to enable "CSS override" in template settings - advanced section.
-
- Moderator
- GK User
- Sat Aug 10, 2013 2:51 am
- Reply with quote
- Report this post
Thank you but this gives me a big black rectangle gackground....
I would like to change the color of the text in the menu from white to black....
thanx again
I would like to change the color of the text in the menu from white to black....
thanx again
-
- Fresh Boarder
- GK User
- Sat Aug 10, 2013 1:26 pm
- Reply with quote
- Report this post
Sory, next time please be more specific in questions 
First sets color to black, second sets active (current) color, third sets hover color.

- Code: Select all
.imageBg .gkMenu > ul > li > a {color: #000}
.gkMenu > ul > li.active > a {
color: #ff0000;
}
.imageBg .gkMenu > ul > li > a:hover {
color: #00ff00 !important;
}
First sets color to black, second sets active (current) color, third sets hover color.
-
- Moderator
7 posts
• Page 1 of 1