Joomla Templates Club 406,261 posts

[iimagi Friend iimagiJoin date: August 2011Posts: 1Downloads:0Uploads:0]

#171772

Hi Guys,

So I’ve installed JA_Blazes and I want to customise the menu colour on J1.7

Can someone please post a simple step by step on how to do it?

Cheers,

Luke 🙂

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#429513

To change text color of first level menu, you find this code from /templates/ja_blazes/css/menu/mega.css

.ja-megamenu ul.level0 li.mega a.mega {
border: 1px solid #111;
color: #E3D8C8;
font-weight: normal;
padding: 6px 20px;
text-transform: uppercase;
}
To change color text and background of active menu, you find this code from /templates/ja_blazes/css/menu/mega.css


.ja-megamenu a.active {
background: #9C422E;
color: #E3D8C8 !important;
}
To change text color of menu when you hover it, you find this code from /templates/ja_blazes/css/menu/mega.css

.ja-megamenu a.over {
background: black;
border-bottom: 1px solid #333 !important;
color: #AB4E39 !important;
}
To change text color of second level menu, you find this code from /templates/ja_blazes/css/menu/mega.css

.ja-megamenu ul.level1 li.mega a.mega {
background: url(../../images/icon-circle.png) 0 12px no-repeat;
border: 0;
color: #666;
padding-left: 15px;
padding-right: 0;
text-transform: none;
}

To change text color of second level menu when you hover it, you find this code from /templates/ja_blazes/css/menu/mega.css


.ja-megamenu ul.level1 li.mega a.mega:hover, .ja-megamenu ul.level1 li.mega a.over, .ja-megamenu ul.level1 li.mega a.active {
background: url('/blazes17/templates/ja_blazes/images/icon-circle-hover.png') 0 12px no-repeat;
border-bottom: none !important;
color: #AB4E39;
}
To change text color of title of second level menu, you find this code from /templates/ja_blazes/css/menu/mega.css


.ja-megamenu ul.level1 li.mega .group-title a.mega .menu-title {
color: #AB4E39;
font-size: 133%;
font-weight: normal;
}
To change background color of title of second level menu, you find this code from /templates/ja_blazes/css/menu/mega.css


.ja-megamenu ul.level1 li.mega .group-title a.mega {
background: black;
border-bottom: 1px solid #343434;
font-family: "AbelRegular",Arial,sansserif;
font-weight: normal;
padding: 2px 15px;
}

You change bold text as you want to.

1 user says Thank You to khoand for this useful post

1. nichelleh

[Author]

Posts