Now, I want to make a couple more changes. When someone hovers on a tab or clicks on it to go to that page, then the color is still the old color.

I want the hover color and page tab color to be changed as well. My logo doesn’t have many different colors but I have chosen some fall colors I thought would go well with the logo color. I used pixlr again to grab the color code.

Here are the commands I used to change the hover and tab color:

Change color for menu tab current page

.menu .current_page_item a, .menu .current-menu-item a {

background-color: #fcce26;

}

Change menu bar hover color

.menu a:hover {

background-color: #9e6611;

background-image: none;

}

Don’t forget to save!

New Hover color

New Page tab color



Join the Discussion
Write something…
Recent messages
Keisi Premium
I am learning more and more about working with WP. Thank you very much for for this trainning.
Reply
AngelaHall Premium
You are most welcome :)
Reply
tomtitty006 Premium
Hi Angela.Is CSS not regarded as more advanced than html or have I got this wrong,I take it you cannot change colour with html,not that I want to at the minute,it looks very confusing to my brain.
Reply
AngelaHall Premium
Not really more advanced just different. But to make changes with your theme it is done with CSS
Reply
tomtitty006 Premium
Oh,well I don,t want to make any changes yet,I have to work on my Art site tomorrow.
Reply
Keisi Premium
The best part of working with Cascading Style Sheets is that
Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. Any one that has the time can learn more at www.w3.org/Style/CSS/Overview.en.html
Reply
AngelaHall Premium
right, you can look at it like html is the bones (structure) and css is the skin (hair, makeup lol)
Reply
Prestones Premium
Excellent tutorial Angela!

I use Simple Custom CSS too, and it's been great. It keeps my changes, even if the theme undergoes a major upgrade. Unfortunately, if I change themes, I have to go back and adjust the changes I made in the plugin. Overall though - no complaints!

Nicely done!

Dennis
Reply
AngelaHall Premium
Thank you Dennis :)
Reply
riyazashu Premium
Great training.
Reply
AngelaHall Premium
Thanks :) glad you liked it
Reply
Kathy331 Premium
Excellent training Angela, I'll be making use of this!
Reply
AngelaHall Premium
Thank you Kathy :)
Reply
Top