Joomla Templates Club 406,261 posts

[jukeboxjunkey Friend jukeboxjunkeyJoin date: December 2007Posts: 88Downloads:15Uploads:9 Thanks: 14 Thanked: 1 times in 1 posts]

#131850

Ok, this is an easy one. 😉

I’m looking to change my transmenu color ( To a custom color) in JA Rochea.

Please advise.

Thanks!

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#264183

Here you go.

The following instructions are based on the DEFAULT color styling (Green). If you have set the default to another color then the color codes will be different.

With the TransMenu you have two colors….GREEN, of course and then the ORANGE rollover color you can change.

The GREEN color of the Transmenu is controlled in three areas:

ja-transmenuh.css

Line 141


#ja-transmenu a.jahover {
color: #6DA43A;
background: url(../images/arrow2.gif) no-repeat bottom center;
}

Line 154


#ja-transmenu a.mainlevel-trans:hover,
#ja-transmenu a.mainlevel-trans:active,
#ja-transmenu a.mainlevel-trans:focus {
color: #6DA43A;
background: url(../images/arrow2.gif) no-repeat bottom center;
}

And Line 176:


#ja-transmenu a.havechild-mainlevel-trans-first:hover,
#ja-transmenu a.havechild-mainlevel-trans-first:active,
#ja-transmenu a.havechild-mainlevel-trans-first:focus,
#ja-transmenu a.mainlevel-trans-first:hover,
#ja-transmenu a.mainlevel-trans-first:active,
#ja-transmenu a.mainlevel-trans-first:focus {
color: #6DA43A;
background: url(../images/arrow2.gif) no-repeat bottom center;
}

NOW FOR THE ORANGE:

Line 133


#ja-transmenu a.havechild-mainlevel-active-trans,
#ja-transmenu a.havechild-mainlevel-active-trans:hover,
#ja-transmenu a.havechild-mainlevel-active-trans:active,
#ja-transmenu a.havechild-mainlevel-active-trans:focus {
color: #D25D23;
background: url(../images/arrow3.gif) no-repeat bottom center;
}

Line 146


#ja-transmenu a.jahover-active {
color: #D25D23;
background: url(../images/arrow3.gif) no-repeat bottom center;
}

And line 161


#ja-transmenu a.mainlevel-active-trans,
#ja-transmenu a.mainlevel-active-trans:hover,
#ja-transmenu a.mainlevel-active-trans:active,
#ja-transmenu a.mainlevel-active-trans:focus {
color: #D25D23;
background: url(../images/arrow3.gif) no-repeat bottom center;
}

/* First item */
#ja-transmenu a.havechild-mainlevel-active-trans-first,
#ja-transmenu a.mainlevel-active-trans-first {
color: #D25D23;
background: url(../images/arrow3.gif) no-repeat bottom center;
}

Have fun.
John.

[Author]

Posts