How To Change The Main Menu Colors And Font

Hello I have a question, I wanted to know how to change the font style and color in the main menu and the drop down box under each main menu items. Thanks

Hi
Style of font you can change in template settings in font section.
To change size of first main menu please try add to override.css

Code: Select all

#gkPageTop.dark #gkMainMenu > div > ul > li > a {
font-size:14px;
}


and try increase or decrease this value.
To change size sub menu please try add this

Code: Select all

#gkSubmenu.dark > div > ul {
font-size:11px;
}


and try increase or decrease this value.
Of course remember to enable override.css option in template settings.

Hi
Style of font you can change in template settings in font section.
To change size of first main menu please try add to override.css

Code: Select all

#gkPageTop.dark #gkMainMenu > div > ul > li > a {
font-size:14px;
}


and try increase or decrease this value.
To change size sub menu please try add this

Code: Select all

#gkSubmenu.dark > div > ul {
font-size:11px;
}


and try increase or decrease this value.
Of course remember to enable override.css option in template settings.

Once again, you guys are the best. It works....

[quote="Konrad M"]Hi
Style of font you can change in template settings in font section.
To change size of first main menu please try add to override.css

Code: Select all

#gkPageTop.dark #gkMainMenu > div > ul > li > a {
font-size:14px;
}


and try increase or decrease this value.
To change size sub menu please try add this

Code: Select all

#gkSubmenu.dark > div > ul {
font-size:11px;
}


and try increase or decrease this value.
Of course remember to enable override.css option in template settings.[/


How do I install/upload a Squirrel kit, please see my attachment.

Hi
Style of font you can change in template settings in font section.
To change size of first main menu please try add to override.css

Code: Select all

#gkPageTop.dark #gkMainMenu > div > ul > li > a {
font-size:14px;
}


and try increase or decrease this value.
To change size sub menu please try add this

Code: Select all

#gkSubmenu.dark > div > ul {
font-size:11px;
}


and try increase or decrease this value.
Of course remember to enable override.css option in template settings.[/


Konrad,


How do I install/upload a Squirrel kit, please see my attachment.

Hi
Style of font you can change in template settings in font section.
To change size of first main menu please try add to override.css

Code: Select all

#gkPageTop.dark #gkMainMenu > div > ul > li > a {
font-size:14px;
}


and try increase or decrease this value.
To change size sub menu please try add this

Code: Select all

#gkSubmenu.dark > div > ul {
font-size:11px;
}


and try increase or decrease this value.
Of course remember to enable override.css option in template settings.[/


Konrad,


How do I install/upload a Squirrel kit, please see my attachment.

Konrad,

I figured it out, first you download the .zip file then you unzip it then load it via FTP to the font folder. Thanks.

I'm glad you figure it out.

Hey Konrad,


I have a question about the financial business template, I want to adjust the highlighted wording to be bold just like the title above it. Where/what do I do to make this happen?

I'm glad you figure it out.

Can you attach bigger screen or give url

Hey Konrad,

Here is the url:http://www.rosarioinc.com/ I wanted to make all the wording under Our News area the same either bold or regular. As the way it its you have some bold and the others regular fonts. Please advise.

Thanks.

Can you attach bigger screen or give url

Please try add to override.css

Code: Select all

.nspMainPortalMode1 .nspArt p.nspText {
font-weight:bold !important;
}


and remember to enable override.css option in template settings

Konrad,


Once again, you are "the man" thanks it works.......

Please try add to override.css

Code: Select all

.nspMainPortalMode1 .nspArt p.nspText {
font-weight:bold !important;
}


and remember to enable override.css option in template settings

Great

Hey Konrad how do you successfully update this template from 1.7 to 2.5, I tried to do so and it didn't work what am I doing wrong? Please advised. Here is the website: www.ejcsda.com

Did you try update it using joomla updater ? I think it is the best way to do it. Than just update template to the latest version. Just in case please do backup before.

Konrad,

As usual thanks for your great response, I learn something for you all the time. Which joomla updater would you recommend?

Did you try update it using joomla updater ? I think it is the best way to do it. Than just update template to the latest version. Just in case please do backup before.

Joomla has one inside. Just go to Components->Joomla! Update. And update your joomla.

Konrad,

I dont have that component in my back-end at all, which extension from joomla.org would you recommend?

Joomla has one inside. Just go to Components->Joomla! Update. And update your joomla.

I think you don't have to install extension. Please read this article http://www.siteground.com/tutorials/joo ... mla_25.htm

Thank you.

I think you don't have to install extension. Please read this article http://www.siteground.com/tutorials/joo ... mla_25.htm

Hey Konrad,

Quick question, whats the deal with the cookie law feature in the template manager. Is this something you would recommend me activating and what are the benefits of activating this feature. Thanks again for all you do.

:D Thank you.

I think you don't have to install extension. Please read this article http://www.siteground.com/tutorials/joo ... mla_25.htm

This article should explain it to you https://www.gavick.com/documentation/jo ... ookie-law/

Konrad,

Thank you.

This article should explain it to you https://www.gavick.com/documentation/jo ... ookie-law/

Konrad,

How are you brother , quick question how do I remove the wording at the bottom of the Meet Gavern template (see attachment)

Konrad,

Thank you.

This article should explain it to you https://www.gavick.com/documentation/jo ... ookie-law/

Hey Konrad, did you see my recent post/question on the template Meet Gavern? I wanted to know where to go to remove this wording (GavickPro is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.
The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
Icons from Glyphicons Free, licensed under CC BY 3.0.) on the bottom of the site

Konrad,

How are you brother , quick question how do I remove the wording at the bottom of the Meet Gavern template (see attachment)

Konrad,

Thank you.

This article should explain it to you https://www.gavick.com/documentation/jo ... ookie-law/

Please try add to override.css

Code: Select all

.gk-disclaimer {
display:none;
}


and remember to enable override.css option in template settings.

Konrad,

Once again you are "the man" thank you so much the code you send worked.

Please try add to override.css

Code: Select all

.gk-disclaimer {
display:none;
}


and remember to enable override.css option in template settings.

Hello,

Thanks again for all you help, I have another question. How do I remove the photo image in the attachment.
Here is the link for the page:http://www.excelcarebydivinee.com/index.php/about-us/employment

Konrad,

Once again you are "the man" thank you so much the code you send worked.

Please try add to override.css

Code: Select all

.gk-disclaimer {
display:none;
}


and remember to enable override.css option in template settings.

Try this code:

Code: Select all

.gk-article .pull-none img {
display:none;
}


Konrad,

Thank you, thank you the code worked.

Try this code:

Code: Select all

.gk-article .pull-none img {
display:none;
}


everything written here works fine but where can i find how to change the mainmenu colous?
Instead of red in need gold (FFDE3F)

@king okkie , please try add this to override.css

Code: Select all

#gkMainMenu > div > ul > li > a {
color: #ffffff !important;
}


and set your own color value. Remember to enable override.css option in template settings.

Yes, thank you.
It works, but now the menu is the same colour al the time.
I'v lost the mouseover effect.
in the demo it changes from white to red with mouseover

ps, i'm using the quickstart template with al the democontent

Please add this to override.css after my previous code

Code: Select all

#gkMainMenu > div > ul > li:hover > a,#gkMainMenu > div > ul > li:active > a,#gkMainMenu > div > ul > li:focus > a {
 color: #e9403b !important;
}


and set your own color value.

Please add this to override.css after my previous code

Code: Select all

#gkMainMenu > div > ul > li:hover > a,#gkMainMenu > div > ul > li:active > a,#gkMainMenu > div > ul > li:focus > a {
 color: #e9403b !important;
}


and set your own color value.

works perfect, thanks for the great support!

ok, on to the next challange

can you please tell me how to change a few colours of my menu?
i seached the forum but didnt find the right code.

i am using the "gk extra menu" menu type.

The "mainmenu" part is fine but i like to change the colour of the "red" in button 2 to black and the fontcolour of button 1 to black.

if possible i also like to make the white box a little less wide and change the font type for the google font of the mainmenu.

am i asking to much?

@king okkie can you give me url to your site?

@king okkie can you give me url to your site?

the site is offline and my customer want to keep it that way untill it is finisched.
i can give it to you by email?

is the picture not good enought ?

To change red color please add to override.css

Code: Select all

#gkMainMenu > div > ul div.childcontent li.active > a,#gkMainMenu > div > ul div.childcontent li.active > span,#gkMainMenu > div > ul div.childcontent li:hover > a,#gkMainMenu > div > ul div.childcontent li:hover > span,#gkMainMenu > div > ul div.childcontent li > a:hover,#gkMainMenu > div > ul div.childcontent li > span:hover,#gkMainMenu > div > ul div.childcontent li.active > a > span,#gkMainMenu > div > ul div.childcontent li.active > span > span,#gkMainMenu > div > ul div.childcontent li:hover > a > span,#gkMainMenu > div > ul div.childcontent li:hover > span > span,#gkMainMenu > div > ul div.childcontent li > a:hover > span,#gkMainMenu > div > ul div.childcontent li > span:hover > span {
   background: #000000 !important;
}


and to change color of item please add:

Code: Select all

#gkMainMenu > div > ul div.childcontent li > a,#gkMainMenu > div > ul div.childcontent li > span {
   color: #000000;
}


To change menu width, please add:

Code: Select all

.childcontent,
.childcontent .childcontent-inner-wrap,
.childcontent .childcontent-inner,
.childcontent .gkcol {
width:200px !important;
}


and increase or decrease this value to fit your needs. Remember to enable override.css option in template settings.
If you want to change fon type you have to go to template settings. You can change it in 'Fonts' section.

it works perfect!

merry christmas