WordPress.org

Forums

Mantra
Menu style (26 posts)

  1. wthomasUW
    Member
    Posted 2 years ago #

    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

  2. jamesg40
    Member
    Posted 2 years ago #

    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.

  3. wthomasUW
    Member
    Posted 2 years ago #

    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.

  4. Andrew
    Forum moderator
    Posted 2 years ago #

    Where are you making the CSS changes?

  5. wthomasUW
    Member
    Posted 2 years ago #

    style.css

  6. Andrew
    Forum moderator
    Posted 2 years ago #

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

  7. wthomasUW
    Member
    Posted 2 years ago #

    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.)

  8. Andrew
    Forum moderator
    Posted 2 years ago #

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

  9. wthomasUW
    Member
    Posted 2 years ago #

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

  10. Andrew
    Forum moderator
    Posted 2 years ago #

    Excellent.

  11. wthomasUW
    Member
    Posted 2 years ago #

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

  12. Andrew
    Forum moderator
    Posted 2 years ago #

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

  13. wthomasUW
    Member
    Posted 2 years ago #

    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

  14. Andrew
    Forum moderator
    Posted 2 years ago #

    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

  15. wthomasUW
    Member
    Posted 2 years ago #

    }
    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.

  16. jamesg40
    Member
    Posted 2 years ago #

    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;
    
    }
  17. jamesg40
    Member
    Posted 2 years ago #

    Same way with any other css you may have for those items, you can also add that to your stylesheet as long as you remember the !important mark in your style item. Hence (color:#ffffff !important;). the "!important" mark makes this style item overwrite any style item with the same class or id in this or any other stylesheets. Let me know if this works for you.
    Also, one more note, dont forget the id or class marker at the beginning of the style item. like so ( .dotisforaclassofsomethingIwantStyled {} and #hashtagforidofsomethingIwantStyled {} ) the . or the # are important.

  18. wthomasUW
    Member
    Posted 2 years ago #

    I included those in my Custom CSS and unfortunately it made no difference.

    Or do I need to start the CSS coding with some other syntax first?

    For example, in html we use <html> to start and </html> to finish

    In the Custom CSS box, do I need to put anything other than the syntax you provided above? Thanks

  19. wthomasUW
    Member
    Posted 2 years ago #

    Actually. I think the syntax may have worked... just not for what I wanted. :) I am actually looking to change the color of the background on the drop down menu items. Right now they are white and I cant seem to change that or the text or the hover color ALL on the drop down menu items from the main navigation. any ideas?

  20. jamesg40
    Member
    Posted 2 years ago #

    Ok, your gonna want to change these then

    .nav li li a {
        background: none repeat scroll 0 0 #1B1B1B;
        color: #C9C9C9;
    }

    thats the drop down background and then your gonna want to change this for the dropdown background

    .nav li ul {
        background: none repeat scroll 0 0 #FF0000;
    }

    Just change the backgroud-color: to what ever hex value you like. If you need the hex values try this link for a color picker hex value generator http://www.colorpicker.com/ you can drag around to get to the color you want and the hex value is at the top just above the color picker. Hope this helps.

  21. hrobinson99
    Member
    Posted 2 years ago #

    I am trying to change the font size; color and spacing on the menu and sub menus. I've spent hours pouring over the style.css and the .php files and code necessary to change these items are not visible.

    Any assistance would be greatly appreciated.

    http://ztinstitute.com

  22. WPyogi
    Forum Moderator
    Posted 2 years ago #

    @hrobinson99 - please start your own thread if you need help. You are not using the same theme and it is rude to hijack someone else's thread: http://codex.wordpress.org/Forum_Welcome#Where_To_Post

  23. hrobinson99
    Member
    Posted 2 years ago #

    @WPyogi... This is the Mantra theme. Unless, there is more than the 1 free theme, then I am posting in the correct location.

    The Mantra copyright is very visible below the footer, which I am also working to correct.

  24. Andrew
    Forum moderator
    Posted 2 years ago #

    Sorry, Hrobinson99 you'll need to post on a new thread.
    This is not the thread of the entire Mantra theme. This is the thread of one person who required help on their issue. That person created this thread.

  25. hrobinson99
    Member
    Posted 2 years ago #

    @Andrew. Thank you for clarify that. This was my first time posting and I didn't notice the rules.

  26. reflection
    Member
    Posted 1 year ago #

    Hi There,

    would you please help out about my query. actually i want to decorate webpage menu. for example button system. if you can browse below link, i believe you can understand easily , what exactly i m looking for.

    THANKS

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.