Joomla Templates Club 406,261 posts

[infomz Friend infomzJoin date: April 2012Posts: 2Downloads:0Uploads:0]

#180400

Hi, can anyone please tell me, where I can edit the mega menu. I like to change caps in small letters und change the background color.
I think it must be in base- or mega.class.php but where?
Thank you

uli

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#465967

Get topstyle 4 trial to look at and edit the css it shows the colours used and links to those positions in the css file this allows quick finding of the background colours etc.

As an example in nex using the blue theme you will find the background colour css call at templates/ja_nex/themes/blue/css/menu/mega.css line 13 which is:

#ja-megamenu {

background-color: #225180
border-right-color: #1C4369
border-top-color: #1C4369

}


Using the default colour the file is located /templates/ja_nex/css/menu/mega.css and at line 13 again displays:

#ja-megamenu {
background: none repeat scroll 0 0 #772F2C
border-right: 1px solid #5B211F
border-top: 1px solid #5B211F
}

For font changes as in substituting small caps look at /templates/ja_nex/css/menu/mega.css – line 19

#ja-megamenu ul.level0 {

font-family: Helvetica,Arial,sans-serif; .... Add text-transform: uppercase; font-size: 80%

}

Why? As the css text-transform code has NO “small caps declaration” we have to make our own, a size of 80% of the uppercae (capitals) is approximately what small caps is.

We don’t use the css font-variant: small caps because it is not Internet explorer friendly and I think now deprecated. Also it requires lowercase and some tweaks to emulate genuine small caps and is harder to control.

Hope this is enough to get you started
Blessings Shannon

[Author]

Posts