Menu Font

how to set the menu font as the demo version, im using the World News Template not the quickstart. i found out the Menu font are not the same as the demo.

Go to Joomla Admin > Extensions > Template Manager > Click on "gk_twn2 - Default" which will open template settings.
Then on the right click on "Fonts" and make sure below are entered in each font selector section.

Body - font : Standard - Arial
Body Selectors:

Code: Select all

body,
#gkPage .box.small > div > h3.header,
#gkPage .box_text.small > div > h3.header,
#gkPage .box_menu.small > div > h3.header,
#gkBottomWrap .box > div > h3.header,
#gkPage .box.advert h3.advert


Headers - font: Squirrell - BebasNeue
Header Selectors:

Code: Select all

#gkMainMenu > div > ul > li > a,
#gkPage .box > div > h3.header,
#gkPage .box_menu > div > h3.header,
#gkPage .box_text > div > h3.header,
ul.gkTabs li,
h1, h2, h3, h4, h5,
#gkMainMenu > div > ul div.childcontent .group-title,
.button,
button,
button.button,
input[type=submit],
input[type=button],
.pagenav-next a,
.pagenav-prev a,
table th,
legend,
.tip-title,
div.pagination ul li a,
div.pagination ul li span,
div.k2Pagination ul li a,
div.k2Pagination ul li span,
div.header .nspLinks ul li h4,
#article-index ul li a,
#jsMenu .jsMenuBar > ul > li > a,
#community-wrap div.profile-info .contentheading,
#community-wrap div.greybox div.joinbutton,
body #community-wrap div.profile-toolbox-bl ul.small-button li,
ul.profile-details li.title,
div.ctitle,
#community-wrap .latest-events .jsEvDate,
#community-wrap .cModule.latest-events .jsDetail b a,
body #community-wrap ul#featurelist li,
#community-wrap h1,
#community-wrap h2,
#community-wrap h3,
#community-wrap h4,
#community-wrap .cModule h3 span,
#cWindow #cWindowAction input.button,
#community-wrap .clabel,
#community-wrap .cTabsBar ul li a,
#community-wrap .album-name,
#cWindowContentTop #cwin_logo,
#community-wrap .label,
#community-wrap .video-title,
#community-wrap .joms-newsfeed-more,
#cWindowAction .button,
#community-wrap #cFeatured.forPeople .cFeatured-Name a,
div.mobileSwitch > a


See following image if you need to.

Code: Select all

http://i39.tinypic.com/11vr1wp.jpg


When selecting fonts you might have to select twice or select another then select the right one for it to take effect.

See you around...

Thanks for the fast response, how about create a drop down menu for top menu 1 and disable the main menu? as attached picture

I cannot see any attached pictures on your last reply, can you please try again or upload to an online imagehost. Thank you.

See you around...