Change current page Menu button color

  • Resolved gmnikolis

    (@gmnikolis)


    11 years, 1 month 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?

Viewing 11 replies - 1 through 11 (of 11 total)
  • Theme Author Misam Saki

    (@misamplus)

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

    Thread Starter gmnikolis

    (@gmnikolis)

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

    Thread Starter gmnikolis

    (@gmnikolis)

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

    Theme Author Misam Saki

    (@misamplus)

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

    Thread Starter gmnikolis

    (@gmnikolis)

    It didn t work;-( still black

    Thread Starter gmnikolis

    (@gmnikolis)

    https://www.rhodes-apartments.biz/RhodesAnimal/cv/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where did you add it?

    Thread Starter gmnikolis

    (@gmnikolis)

    theme options–>edit css

    Thread Starter gmnikolis

    (@gmnikolis)

    /*
    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.
    */

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding this:

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

    Replace the pink with your colour.

    Thread Starter gmnikolis

    (@gmnikolis)

    You are a star! Thank you! Solved

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Change current page Menu button color’ is closed to new replies.