badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

MENU text in Attitude Pro

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #82946
    Jude
    Participant

    How to change color of MENU text in Attitude Pro?

    #82985
    Jude
    Participant

    For http://ColdWaxandOil.com: I tried to change font color with this, but it did not make any changes:
    #access a,
    #access ul li ul li a,
    #access ul li.current-menu-item ul li a,
    #access ul li ul li.current-menu-item a,
    #access ul li.current_page_ancestor ul li a,
    #access ul li.current-menu-ancestor ul li a,
    #access ul li.current_page_item ul li a {
    color: #5F1112;
    font-weight: normal;
    }
    .main-navigation a:hover,
    .main-navigation ul li.current-menu-item a,
    .main-navigation ul li.current_page_ancestor a,
    .main-navigation ul li.current-menu-ancestor a,
    .main-navigation ul li.current_page_item a,
    .main-navigation ul li:hover > a,
    .main-navigation ul li ul li a:hover,
    .main-navigation ul li ul li:hover > a,
    .main-navigation ul li.current-menu-item ul li a:hover {
    color: #39C3FF
    ;}

    #83940

    Hi jude,

    Please go to ‘Appearance > customize > Design Option’ and paste the below Custom CSS code.

    #access a:hover,
    #access ul li.current-menu-item  a,
    #access ul li.current_page_ancestor a,
    #access ul li.current-menu-ancestor a,
    #access ul li.current_page_item  a,
    #access ul li:hover a,
    #access ul li ul li a:hover,
    #access ul li ul li:hover a,
    #access ul li.current-menu-item ul li a:hover,
    #access ul li.current_page_ancestor ul li a:hover,
    #access ul li.current-menu-ancestor ul li a:hover,
    #access ul li.current_page_item ul li a:hover,
    #access ul li:hover ul li a:hover,
    #access ul li ul li:hover ul li a:hover,
    #access ul li.current_page_ancestor ul li.current_page_item a,
    #access ul li.current-menu-ancestor ul li.current-menu-item a {
    	color: red;
    }
    
    #access a,
    #access ul li.current-menu-item  ul li a,
    #access ul li.current_page_ancestor ul li a,
    #access ul li.current-menu-ancestor ul li a,
    #access ul li.current_page_item  ul li a,
    #access ul li:hover ul li a,
    #access ul li ul li:hover ul li a {
    	color:  blue;
    }

    Please change the color value to your desired one.

    Thanks

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.