Menu Colour Code Confusion
-
Ok can someone advise me on what is going on with this theme. I have the following code to change the tab colour and the the line underneath the tabs also.
.themonic-nav li:hover {
background-color: #6AA121;
}
#searchsubmit {
background-color: #6AA121;
color: #6AA121;
}
.themonic-nav .current-menu-item > a,
.themonic-nav .current-menu-ancestor > a,
.themonic-nav .current_page_item > a,
.themonic-nav .current_page_ancestor > a {
background: none repeat scroll 0 0 #6AA121;
font-weight: bold;I had everything in custom css pluggin and the colour changed when on a tab, but didn’t change the line underneath the tabs. Then i was given a code to change that, the code is:
.themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul {
border-bottom-color: #6AA121};But when i added it to the css it didnt work but when i added it to the themes custom css section it worked..
But here is the very confusing part… after i had all the tabs and the line underneath the way i wanted i tried to add another code to change something else and it reverted all the changes. Even when i removed the code i had added the tabs wont go back to the colour i had them!
Very frustrating i have to say so can anyone tell me why this is happening?
-
So, the problem is a syntax error:
.themonic-nav .current-menu-item > a, .themonic-nav .current-menu-ancestor > a, .themonic-nav .current_page_item > a, .themonic-nav .current_page_ancestor > a { background: none repeat scroll 0 0 #6AA121; font-weight: bold; .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul { border-bottom-color: #6AA121};
Do you see it? You’re not closing off a bracket.
lol i’m not very good when it comes to css. So I couldn’t even tell you where i went wrong 😛
I guessed and now it’s finally fixed, your brilliant. Thanks for your help and fast replies 🙂 Now to sort out the sidebar 😉
It’s not your fault, just the code is laid out wrong and difficult to read.
Now can you see it:
.themonic-nav .current-menu-item > a, .themonic-nav .current-menu-ancestor > a, .themonic-nav .current_page_item > a, .themonic-nav .current_page_ancestor > a { background: none repeat scroll 0 0 #6AA121; font-weight: bold; .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul { border-bottom-color: #6AA121 }
You’re missing a squiggly bracket after this line:
font-weight: bold;
It should be this:
.themonic-nav .current-menu-item > a, .themonic-nav .current-menu-ancestor > a, .themonic-nav .current_page_item > a, .themonic-nav .current_page_ancestor > a { background: none repeat scroll 0 0 #6AA121; font-weight: bold; } .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul { border-bottom-color: #6AA121; }
I’ll have to remember this in the future,,, Note to self!!!…. “Make sure i close off all brackets” 😛 Thanks again 😉
- The topic ‘Menu Colour Code Confusion’ is closed to new replies.