Joomla Templates Club 406,261 posts

[Jackie_chan Friend Jackie_chanJoin date: September 2006Posts: 42Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#117436

Am I alone who is having problem with styling the menu? I want my navigation menu on the left to appear in blocks as in ja_kruger demo site. I have tried to switch all 4 variables for menu in index.php as in instructions but to no avail. It still shows only underlined menu instead of menu blocks.

Any ideas? I know that the solution is simple but I dont know where to look. Your help is very helpful 🙂

[Hieu Nguyen Admin Hieu NguyenJoin date: November 2005Posts: 678Downloads:36Uploads:0 Thanks: 69 Thanked: 61 times in 1 posts]

#211128

Hi,

You can only use the “block style” menu on the right column of the template. If you want to make the left menu appear in blocks, please take a look at this CSS(template_css.css):

/* Default Joomla! Menu */
#ja-rightcol a.mainlevel {
display: block;
padding: 3px;
color: #EEEEEE;
text-decoration: none;
border-bottom: 1px solid #484848;
}

#ja-rightcol a.mainlevel:hover,
#ja-rightcol a.mainlevel:active,
#ja-rightcol a.mainlevel:focus,
#ja-rightcol a.mainlevel#active_menu {
color: #FFA800;
background: #333333;
text-decoration: none;
}

#ja-rightcol a.sublevel {
display: block;
padding: 3px 3px 3px 18px;
text-decoration: none;
background: url(../images/arrow-off.gif) no-repeat 7px 8px;
}

#ja-rightcol a.sublevel:hover,
#ja-rightcol a.sublevel:active,
#ja-rightcol a.sublevel:focus {
color: #FFA800;
}

#ja-rightcol a.sublevel#active_menu {
color: #FFA800;
background: url(../images/arrow-off.gif) no-repeat 7px 8px #333333;
text-decoration: none;
}
/*End: Default Joomla! Menu */

Duplicate this CSS, change #ja-rightcol to #ja-leftcol, also change the color. 😉

Hope it helps!

[Jackie_chan Friend Jackie_chanJoin date: September 2006Posts: 42Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#211163

Thanks… It was helpful indeed 🙂

[Author]

Posts