Support » Theme: Mantra » Menu style

  • The menu navigation is okay on this theme. Prefer standard buttons over the Tabs though. can I change those? If so, how? Also, it might look better the way it is if I could add space below the tabs and before the content area if that possible?

    Finally, I cant seem to figure out which part in the style.css is for the default color of the drop down menu BEFORE you hover. Mine stuck on white.

    Thanks

Viewing 15 replies - 1 through 15 (of 25 total)
  • The background color is here #access ul li.current_page_item, #access ul li.current-menu-item

    the text color is here #access ul li.current_page_item > a, #access ul li.current-menu-item > a
    and here #access a

    try those and see what you can do.

    the menu can be redesigned however you like, it will mostly depend on your skill with html and css.

    Hello. Thank you for your help. Unfortunately, none of those worked for changing the background color of the drop down in the navigation menu. just stays white.

    And my HTML is fine. My CSS is pretty non-existent. Is there a plugin or a fairy simple way to change the look of that main navigation menu?

    Thanks again.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Where are you making the CSS changes?

    style.css

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Does Mantra come with a section in the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”?

    yes sir. Custom CSS built into Mantra Settings. And also custom CSS in JetPack (which i currently do not have connected to wordpress.com because I dont like how it makes my site look mobile and cant figure out how to turn just that feature of jetpack off.)

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Could you add the CSS recommended by James into the Custom CSS section built-in to Mantra’s settings?

    Thats a separate issue. But yes, I have Custom CSS in two places that can be used.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Excellent.

    Maybe I am not typing in the CSS code entirely correctly in the Custom CSS field. Its not helping either.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Let’s take a look, can you post the CSS you’re trying?

    Sure. Again, I am new to this. I just included what James said above with the brackets.

    never done the custom css before.
    ———————-
    }
    ul li.current_page_item, #access ul li.current-menu-item

    color: #FF0000
    }
    ————————

    Thats it

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Using James’ example, you need to be using the text colour CSS selectors.
    Your CSS syntax is wrong too http://www.w3schools.com/css/css_syntax.asp

    }
    ul li.current_page_item, #access ul li.current-menu-item

    color:#FF0000;
    }

    That is all I would think to change. I’m not sure.

    Here is how you should write it

    #access ul li.current_page_item, #access ul li.current-menu-item {
    
    background-color:#333333 !important;
    
    }

    And

    #access ul li.current_page_item > a, #access ul li.current-menu-item > a{
    
    color:#ffffff !important;
    
    }
Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Menu style’ is closed to new replies.