How to change the font main-menu

Hi,

How can I change the font of the main-menu
by using the style-manager -> Fonts?

Template: Appsite
http://www.noorderlichtgemeente.nl/historie

It's now so big and I want to put there more items ...

Looking forward to Your reaction,
with kind regards,

Fred

Hi
Try add to override.css

Code: Select all

div.gk-menu ul.level0 > li > a, #gkDropMain ul > li > a {
    font-size: 24px; // here decrease value
}


and remember to enable override.css option in template settings

Hello Konrad,

Hi
Try add to override.css

Code: Select all

div.gk-menu ul.level0 > li > a, #gkDropMain ul > li > a {
    font-size: 24px; // here decrease value
}


and remember to enable override.css option in template settings

Thank you for your answer, because I've got the same problem.
Could you just add more infos for Joomla 1.6 template version.

I followed the information and put this code

Code: Select all

div.gk-menu ul.level0 > li > a, #gkDropMain ul > li > a {
    font-size: 14px; }

inside the "Layout override" in "Basic settings"

This gives me the following display in option of "layout override":

Code: Select all

Option div.gk-menu ul.level0 > li > a, #gkDropMain ul > li > a { font-size: 14px;} - default

But this doesn't change the size of the fonts of the Menu.

For me, Override syntax and options, are a little bit unclear
Could you add more infos on this point ?
And put it into the Knowledge base ?

I also would like to add a background, like in template Elve Social,
with the code

Code: Select all

body {
background-color:white;
background-image:transparent url('../images/style1/main_bg.jpg');
background-repeat:no-repeat;
background-position:center center;
}


directly into override.css but it also doesn't work.

Thank you in advance.

Consult

Hi
You need to paste this code directly to templatesgk_appsitecssoverride.css
Than you need to go to template settings and click 'ADVANCED SETTINGS' section. Here you will find 'Override.css' option change it to ON.

Wonderful. It works

Thank you.

My little Ergonomic suggestion :
It could be better to place, in the same zone,
in the Template settings, everything which is connected
to override like override layouts and override CSS.

For the moment, one is in Basic settings and the other one
in advanced settings. I think having the two in the same place
is better.

Concerning my other point, adding a background image,
meanwhile your answer, I've used another solution,
I retouched directly the template.css
(I know it's bad )

by changing line 16

Code: Select all

body { min-height:100%; line-height: 1.8; background-color:#C0D1D8; background: url('http://your.domain.com/templates/gk_appsite/images/style1/main_bg.jpg'); background-repeat:no-repeat; background-position:right top; background-attachment:fixed; color: #656565; border-top: 1px solid #fff; }

I am using an absolute path because it didn't work with a relative Url.
But it could be a problem of typo in my code.

Thanks again Konrad.

I'm glad I could help Always better is use override option becasue you can always back to start point by switching off override.