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 colorJoin the Discussion
Write something…
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.
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
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