Change colors

Corporate business Joomla theme to introduce your company in attractive way.
GK User
Fri Sep 10, 2010 7:18 pm
Hi I am new at Gavick - first day and I have installed the template and wanted to change the colors...I am used to be at Rockettheme but hoping Gavick will provide similar service...I have tried to find tread that tells me how to change the colors...
I like style1 and the red color but I need to change the brown color to dark gray, both in menus and the there a easy way to do that..? And what file do I need to edit..?
User avatar
Fresh Boarder

GK User
Fri Sep 10, 2010 8:35 pm

Aren't you making some confusion?... you mean "Corporate 2" template and not "the corporation" template, right? :huh:

If so... here's a small help. If you need to change brown color to a different color, find respective Hex Color Code and search on the css files. For example, on gk_stuffs.css file you will find menu classes with this color. Search also on template.css file.

Cheers ;)
User avatar
Platinum Boarder

GK User
Fri Sep 10, 2010 10:46 pm
Yes true...that is the name of the template
Can you tell what line or the name of the light brown in the css..?
hope you can help..?


#gk-nav .gk-megamenu { background:#6c6459; }
#gk-nav #gksdl-mainnav>ul>li { padding:0 11px; height:20px; line-height:20px; margin:10px 0; border-left:1px solid #565049; }
#gk-nav #gksdl-mainnav>ul>>a { display:block; height:20px; line-height:20px; background:#979189; -moz-box-shadow:1px 1px 1px #504a42; -webkit-box-shadow:1px 1px 1px #504a42; }
/*mega menu*/
background:#979189; -moz-box-shadow:1px 1px 1px #504a42; -webkit-box-shadow:1px 1px 1px #504a42; }
background:#979189; -moz-box-shadow:1px 1px 1px #504a42; -webkit-box-shadow:1px 1px 1px #504a42; }
#gk-nav div.childcontent ul li a { color:#c8c4c0; text-indent:12px; }
#gk-nav div.childcontent ul li a:hover { color:#fff; }
#gk-nav div.childcontent ul li { border-top:1px solid #aca7a1; height:30px; line-height:30px; background:transparent
#gk-nav .gk-megamenu ul.level1 .group-content { background: #979189}
#gk-subnav { position:relative; height:32px; z-index:99; background:#979189; font-size:100%; text-
#gk-subnav li { display:block; border-left:1px solid #888178; float:left; margin:6px 0; padding:0 11px; height:20px; line-height:20px; }
#gk-subnav ul li a span { margin:0; color:#fff; }
#gk-subnav ul li a { color:#0d0d0d; display:block; padding:0 7px; text-decoration:none; font-weight:normal }
#gk-subnav ul ul li a span { display:block; min-height:30px; line-height:30px; color:#c8c4c0; }
User avatar
Fresh Boarder

Sun Sep 12, 2010 2:44 pm

For Your problem the best advice would be to install Firebug (Firefox plugin). This way You will be able to find whatever class You want.
User avatar

Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.