menu

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Feb 24, 2015 10:47 pm
Reply with quote
Report this post
hi,

on this site: http://e-messara2.michanikos-kritis.gr/

How can I change the menu font & font size?
How can I change the padding and the space between 2 entries of the menu in order to have an 1 line menu?

thanks!
User avatar
Fresh Boarder

GK User
Wed Feb 25, 2015 7:08 am
Reply with quote
Report this post
Please edit: /templates/gk_news2/css/override.css and add at its end:
Code: Select all
.gkMenu > ul > li > a {
padding: 0 26px;
}

This will reduce padding in menu items.

From what I see you have already played with font size:
Code: Select all
#gkMainMenu .gkMenu > ul > li > a {
font-size: 12px;
color: #00ACED;
}

the only thing you need to add is the font family declaration or define different font in template settings for this css selector.
User avatar
Moderator

GK User
Wed Feb 25, 2015 9:23 am
Reply with quote
Report this post
thanks, that was very usefull,

Besides, How can I decrease the height of the menu? http://e-messara2.michanikos-kritis.gr/
User avatar
Fresh Boarder

GK User
Wed Feb 25, 2015 10:56 am
Reply with quote
Report this post
ok, I solved it.

#gkTopNav {
height: 40px!important;
}
.gkMenu > ul > li {
height: 40px!important;
line-height: 41px!important;
}
.gkMenu > ul > li > a {
height: 40px!important;
line-height: 41px!important;
}
User avatar
Fresh Boarder

GK User
Thu Feb 26, 2015 4:29 pm
Reply with quote
Report this post
I'm glad you could solve it by yourself :)
Is there anything else I can help you with regarding this topic?
User avatar
Moderator


cron