Joomla Templates Club 406,261 posts

[mike001001 Friend mike001001Join date: February 2016Posts: 21Downloads:6Uploads:2 Thanks: 1]

#932156

Hi what syntax for changing standard main menu items colour and hover over colour – I want to put it in the custom.css i know its ja header but can’ t see how i should refer to two types of text colour

thanks mike

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#932160

Hello mike
Could u give me your site url or style name of JA Onepage template you are using , so i can provide you correct suggestion to change header bg color , items colors based on your site .

[mike001001 Friend mike001001Join date: February 2016Posts: 21Downloads:6Uploads:2 Thanks: 1]

#932165

Thanks for quick response Pankaj

I’m using ja_onepage – Metro – i’m just using the standard out of box ja-onepage template selected that style and have removed the others since I won’t be using them

my intention was to put the custom code in …templatesja-onepagecsscustom.css

I have already done it for bckgrd colour using
.ja-header { background:#FFFFFF!important; }

thanks mike

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#932169

Great you solved it .
Let me know if you need any help in this topic .

Regards

[mike001001 Friend mike001001Join date: February 2016Posts: 21Downloads:6Uploads:2 Thanks: 1]

#932171

I’ve resolved nothing, just pointing out that i know where its going and needs to go

original questions is i need the code to change the main menu font colour for both hover over and normal state – i don’t know what to put for that, how to reference it

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#932174

Hi
Add below code in custom.css file to change the menu items colors .

.t3-mainnav .navbar .nav > li > a {
    color: #eee!important;
}

To change hover color use this code

.t3-mainnav .navbar .nav > li > a:hover {
    color: #f09609!important;
}

To change active menu color

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #DC7700!important;
}

Change the color codes with your color codes in above code .

If it does not work kindly turn off the CSS compression and post your site url , i will take a look on it .

[mike001001 Friend mike001001Join date: February 2016Posts: 21Downloads:6Uploads:2 Thanks: 1]

#932178

that hit the spot Pankaj, good man, thanks mike

[Author]

Posts