Reducing the font size and top bar

Responsive Joomla template for Entertainment and Music purpose with clean and lightweight design.
GK User
Fri Feb 03, 2012 1:17 pm
Hi,

How do I reduce the font size and the size of the topmenu top bar, to fit the new font size ?

http://www.alldate.dk


Best, Wiberg
User avatar
Gold Boarder

GK User
Fri Feb 03, 2012 1:57 pm
Hi.
You can change it in meyer.css file. Please go there and find the following line:
Code: Select all
 html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;  //here you can change your font size.
vertical-align: baseline;
background: transparent;
border-image: initial;
}

If you want to change only main menu font size please go to menu.css file and change the following line:
Code: Select all
 #gkMainMenu > div > ul > li > a {
line-height: 45px;
font-size: 18px;  //here you can put your value.
text-transform: uppercase;
color: #F6F6F6;
text-shadow: 0 -1px 0 #5674C3;
}
User avatar
Platinum Boarder

GK User
Sat Feb 04, 2012 10:32 am
Thanks :-)

mikeMB wrote:Hi.
You can change it in meyer.css file. Please go there and find the following line:
Code: Select all
 html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;  //here you can change your font size.
vertical-align: baseline;
background: transparent;
border-image: initial;
}

If you want to change only main menu font size please go to menu.css file and change the following line:
Code: Select all
 #gkMainMenu > div > ul > li > a {
line-height: 45px;
font-size: 18px;  //here you can put your value.
text-transform: uppercase;
color: #F6F6F6;
text-shadow: 0 -1px 0 #5674C3;
}
User avatar
Gold Boarder

GK User
Sat Feb 04, 2012 2:43 pm
I'm glad I could help.
See you around...
User avatar
Platinum Boarder


cron