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 text...is there a easy way to do that..? And what file do I need to edit..?
I like style1 and the red color but I need to change the brown color to dark gray, both in menus and the text...is there a easy way to do that..? And what file do I need to edit..?
-
- Fresh Boarder
- GK User
- Fri Sep 10, 2010 8:35 pm
Hi
Aren't you making some confusion?... you mean "Corporate 2" template and not "the corporation" template, right?
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
Aren't you making some confusion?... you mean "Corporate 2" template and not "the corporation" template, right?
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
-
- 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..?
Baldvin
#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>li.active>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 li.group .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; }
Can you tell what line or the name of the light brown in the css..?
hope you can help..?
Baldvin
#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>li.active>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 li.group .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; }
-
- Fresh Boarder
- teitbite
- Sun Sep 12, 2010 2:44 pm
Hi
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.
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.
-
- Moderator
4 posts
• Page 1 of 1