[Gerry]

I am currently designing our new website atm using wordpress and tempera. I am trying to change the colour of the navbar title texts (home, contact us, etc), the navbar colour itself from the grey it is currently by default and then the hover over colour which currently is white by default on tempera.

where do i change the values for these please?

Kind Regards

[Gerry]

Not sure what the forum rules are for bumping a topic for non premium members so apologies for the bumped topic. I’m happy to wait a bit longer if there is a set period for answers for non-premiums, but i thought i would ask as left a month now 🙂

[Jim]

Hi Gerry

If it helps, the colours for the main menu can be changed in Tempera settings>Color settings then go to Main Menu. Here you can change the colours for the menu background and the font color.

I hope this helps

Jim..

[Jim]

Hi Gerry

Also to change the hover colour, there is nothing in standard settings so you will need to add the following custom CSS.

#access > .menu > ul > li > a > span:hover {
color: red;
}
#access ul ul li a:hover {
color: red;
}

I hope this helps

Jim…

[Gerry]

Thanks Jim for the text colour change help.

Its more the background hover colour change i am looking at as Tempera looks like it is a transparent on hover via a hook…

Any ideas on this one?

[Jim]

Hi Gerry

This should do it, obviously changing the colour to suit.

#access > .menu > ul > li > a > span:hover {
background-color: blue;
color: red;
}
#access ul ul li a:hover {
background-color: blue;
color: red;
}

Hope this helps

Jim..

[Gerry]

Resolved now.

Many thanks Jim 🙂

[Simon]

I love the them to bits but I’m having a hard time getting the Presentation Page widget links (the titles which link to the pages i’m featuring) to change colour, even when using the custom colour options. Is this something i need to address with custom CSS or am i missing something obvious?

[Author]

Posts