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*

Changing color for menu links and slidebar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #27371
    jayleeeee
    Participant

    Hi.

    I am loving the Attitude free theme, and am using it for my nonprofit’s website. As I am installing it, I have been able to customize certain things, but can’t figure out how to change the color for hovering over the menu links, and for the box that shows on the homepage slider. Is there a way to change this? I can’t figure out which one to change within the CSS.

    Thanks!

    #27528

    Hi Jayleeeee,

    To change the color for hovering over the menu links, and for the box that shows on the homepage slider Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    
    #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 {
    	color: #05A9C5;
    }
    #access ul li ul {
    	border-color: #05A9C5;
    }
    .featured-text .featured-title {
        background-color: #05A9C5;
    }

    Note: Please change above HEX color code #05A9C5 to your own color code.

    Thank you!

    #27553
    jayleeeee
    Participant

    Thank you!

    Your CSS code successfully changed the rectangle behind the text for the slider image on the homepage, but it didn’t change the menu links (both at the top and my custom menus at the bottom).

    If I am trying to get ALL links, whether in body, menu, footer, etc, to be dark blue (#072F8B), what would the custom CSS code be?

    Thank you again!

    #27608

    Hi Jayleeeee,

    The Custom CSS for the the menu links color will be:

    a,
    #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,
    .widget ul li a {
    	color: #072F8B;
    }

    Also We have spend lots of time and efforts to develop this theme available free for you.
    Could you also please help us rating this theme in WordPress Repository.
    https://wordpress.org/support/view/theme-reviews/attitude

    We really appreciate your rating.

    Thank you!

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