Joomla Templates Club 406,261 posts

[basdc Friend basdcJoin date: December 2012Posts: 18Downloads:0Uploads:0 Thanks: 11]

#183953

I need to change the hover colour on the main nav in ja mero. when using the light template the hover is also white! I have tried changing loads of colours in the css file but to no avail? Can some nice person please give me some help?
Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#479974

You can change it here
<blockquote>templates/ja_mero/css/themes/light/template.css</blockquote>
from

.ja-mainnav .navbar .nav > li > a:focus,
.ja-mainnav .navbar .nav > li > a:hover {
background: transparent;
color: #fff
text-shadow: none;
}

.ja-mainnav .nav li.dropdown.open > .dropdown-toggle {
background: transparent;
}
change to

.ja-mainnav .navbar .nav > li > a:focus,
.ja-mainnav .navbar .nav > li > a:hover {
background: transparent;
color: red;
text-shadow: none;
}

.ja-mainnav .nav li.dropdown.open > .dropdown-toggle {
background: transparent;
color:red;
}

1 user says Thank You to Ninja Lead for this useful post

1. basdc

[marco17 Friend marco17Join date: January 2009Posts: 229Downloads:17Uploads:36 Thanks: 26 Thanked: 3 times in 2 posts]

#481848

Hi,

and how we can change the color when you click over the menu option to disply the submenu?

Many thanks.

Marco

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#481971

You can change it here
<blockquote>Open templates/ja_mero/less/navigation.less file</blockquote>

// Hover state
// -----------
.ja-mainnav .dropdown-menu li > a:hover,
.ja-mainnav .dropdown-menu li > a:focus,
.ja-mainnav .dropdown-submenu:hover > a {
background: @gray;
color: @white;
}

// Active state
// ------------
.ja-mainnav .dropdown-menu .active > a,
.ja-mainnav .dropdown-menu .active > a:hover {
background: @TPLbaseColor;
}

[gabriel51 Friend gabriel51Join date: December 2012Posts: 9Downloads:0Uploads:1 Thanks: 5]

#493204

Hello,

I can we change the color for the mainnav text? (not when selected or hover, but the main menu text)

Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#493347

Try this way

– Open templates/ja_mero/css/themes/wood/template.css file

– Find this css rule:

.ja-mainnav .navbar .nav > li > a {
color: #fff;
}

or change to your desired color.

[Author]

Posts