Joomla Templates Club 406,261 posts

[turminator Friend turminatorJoin date: August 2008Posts: 247Downloads:47Uploads:46 Thanks: 23 Thanked: 4 times in 1 posts]

#184907

Hello,

I’m using JA_Mero with responsive and css compress and Light Theme.

I would like to to a little modification but I don’t found any thread that we can do it.

1.- How can I change hover colour of menu items. Now the color is white and is not visible with background website.
2.- Also I would like to change color of all menu items. Now are blue.

How can I do?

Many thanks!

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

#483401

Please follow as my suggestions

Open templates/ja_mero/css/themes/light/template.css file

1) Change White color


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


2) Change Blue color

.ja-mainnav .navbar .nav > .active > a,
.ja-mainnav .navbar .nav > .active > a:hover,
.ja-mainnav .navbar .nav > .active > a:focus {
color: #1ba1e2 !important;
}

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#483441

Hi Ninja,

Thanks for the help, now the text is now blue when hovering over.

I still have a problem though, because the menu items with a dropdown menu have an upside down triangle next to them and they are white.

How do I make these blue like the text?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#483442

Please open the templatesja_merocsscustom.css and add the code below

.navbar .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #666
border-bottom-color: #666
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #fff
border-bottom-color: #fff
}

Then adjust the colour codes to whatever ones suit your site.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#483451

Thanks Phil,

I tried your fix but the upside down triangles are still showing white, is there any additional edits I need to make?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#483454

Did you adjust the #fff values to your desired colour? And once you did please remember to clear your cache.

[Author]

Posts