New Landing How can we help? Cardinal Header text hover color change

Viewing 15 posts - 1 through 15 (of 28 total)
  • Posted in: Cardinal
  • #170258
    hotspring
    Member
    Post count: 85

    I am using Naked(light) for Header to be sticky at the top.

    Once it sticks at the top, everything is working perfectly. However when you first load the page, and when it’s still transparent (Naked mode), hover state text color is being “Dark Green” which is perfect when it sticks at the top, but not when it’s being transparent. Is there a way for me to change the hover state text color to be “White” when it’s at the transparent state? just like for the Logo, there’s a “Alternative” Logo to swap with when it’s being changed from transparent to opaque.

    Thanks,

    #170417
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    In the page meta options you can select the ‘naked light’ header, this will make your menu items white

    – Kyle

    #170615
    hotspring
    Member
    Post count: 85
    This reply has been marked as private.
    #170746
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    nav .menu > li.menu-item > a:hover, nav.std-menu .menu > li > a:hover{
    color:#ddd !important;
    }
    
    .is-sticky nav .menu > li.menu-item > a:hover, .is-sticky nav.std-menu .menu > li > a:hover{
    color:#ccc !important;
    }

    Thanks
    Mohammad

    #171208
    hotspring
    Member
    Post count: 85

    Thank you Mohammad, this worked great!

    How about I have 2 pages (News, Contact Us) where I don’t want to apply the code you gave me. Is there a way remove the code in these 2 pages (News, Contact)?

    Thanks,

    #171398
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Do you want any color for News and contact ?
    Thanks
    Mohammad

    #171424
    hotspring
    Member
    Post count: 85

    yes, I want hover color to be #4d5c59 when it’s at the top being NOT sticky for News and Contact. and other pages hover color to be #fff.

    sticky state works good for all pages.

    thanks,

    #171445
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code also:-

    nav .menu > li.menu-item-310 > a:hover, nav.std-menu .menu > li.menu-item-310 > a:hover{
    color:#4d5c59 !important;
    }
    
    nav .menu > li.menu-item-309 > a:hover, nav.std-menu .menu > li.menu-item-309 > a:hover{
    color:#4d5c59 !important;
    }
    
    

    Thanks
    Mohammad

    #172189
    hotspring
    Member
    Post count: 85
    This reply has been marked as private.
    #172205
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please add .home before all css code as i gave you in previous code. Change just like :-

    .home nav .menu > li.menu-item-310 > a:hover, nav.std-menu .menu > li.menu-item-310 > a:hover{
    color:#4d5c59 !important;
    }

    Thanks
    Mohammad

    #172206
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please add .home before all css code as i gave you in previous code. Change just like :-

    .home nav .menu > li.menu-item-310 > a:hover, nav.std-menu .menu > li.menu-item-310 > a:hover{
    color:#4d5c59 !important;
    }

    Thanks
    Mohammad

    #172207
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please add .home before all css code as i gave you in previous code. Change just like :-

    .home nav .menu > li.menu-item-310 > a:hover, nav.std-menu .menu > li.menu-item-310 > a:hover{
    color:#4d5c59 !important;
    }

    Thanks
    Mohammad

    #172211
    hotspring
    Member
    Post count: 85
    This reply has been marked as private.
    #172218
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me wordpress admin login detail. I make it resolve.
    Thanks
    Mohammad

    #172223
    hotspring
    Member
    Post count: 85
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 28 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register