WordPress.org

Ready to get started?Download WordPress

Forums

Dinky
[resolved] Change current page Menu button color (12 posts)

  1. gmnikolis
    Member
    Posted 1 year ago #

    The color of the menu button on the current page is solid black.
    I cann t find where in the css code is that to change it.
    Tried to change the following:
    a.button:active,
    input[type=reset]:active,
    input[type=button]:active,
    input[type=submit]:active {
    background: #DFDFDF;
    color: #ff8ba6;
    }

    but didn t work.

    Where in the css code is that?

  2. Misam Saki
    Member
    Theme Author

    Posted 1 year ago #

    It's not back. It's only bold.

    Add this below style by any way.

    #main-navigation .sub-menu li.current-menu-item > a,
    #main-navigation .sub-menu li.current_page_item > a,
    #main-navigation .sub-menu li a:hover {
    	font-weight: normal !important;
    }
  3. gmnikolis
    Member
    Posted 1 year ago #

    Can i make the button Pink? on the current page?

  4. gmnikolis
    Member
    Posted 1 year ago #

    tried this to change color to pink but didn t work:

    #main-navigation .sub-menu li.current-menu-item > a,
    #main-navigation .sub-menu li.current_page_item > a,
    #main-navigation .sub-menu li a:hover {
    color: #ff8ba6;
    }

  5. Misam Saki
    Member
    Theme Author

    Posted 1 year ago #

    Test this

    #main-navigation .sub-menu li.current-menu-item > a,
    #main-navigation .sub-menu li.current_page_item > a,
    #main-navigation .sub-menu li a:hover {
    color: #ff8ba6 !important;
    }
  6. gmnikolis
    Member
    Posted 1 year ago #

    It didn t work;-( still black

  7. gmnikolis
    Member
    Posted 1 year ago #

  8. Andrew
    Forum moderator
    Posted 1 year ago #

    Where did you add it?

  9. gmnikolis
    Member
    Posted 1 year ago #

    theme options-->edit css

  10. gmnikolis
    Member
    Posted 1 year ago #

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don't need to copy all
    your theme's stylesheet content.
    */

  11. Andrew
    Forum moderator
    Posted 1 year ago #

    Try adding this:

    .current-menu-item a { color: pink; }

    Replace the pink with your colour.

  12. gmnikolis
    Member
    Posted 1 year ago #

    You are a star! Thank you! Solved

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic