Viewing 14 posts - 1 through 14 (of 14 total)
  • #245512
    guentherportfolio
    Member
    Post count: 266

    Hi

    I am trying to change the link color of the page. Unfortunately the option isn’t available in the color customizer. In fact I am trying to change the color of the current page in the main menu (i.e. Home) and the color of the font awesome icons. Thanks in advance.

    Best
    Martin

    #245549
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a {
        color: #ff0000 !important;
    }
    

    Thanks
    Mohammad

    #245576
    guentherportfolio
    Member
    Post count: 266

    Thanks Mohammad.

    Unfortunately this only affect the navigation area. All icons still have the same color like on your demo site. Can I change these too? Thank in advance.

    Best
    Martin

    #245601
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    nav .menu li > a  i{
    color:#ff0000 !important;
    }

    Thanks
    Mohammad

    #245710
    guentherportfolio
    Member
    Post count: 266

    Thank you Mohammad

    it works fine for the menu, but unfortunately not for the icons. They are still have the same color like in your demo version. What shall I try instead?

    #245712
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    What’s your link?

    – Kyle

    #245967
    guentherportfolio
    Member
    Post count: 266
    This reply has been marked as private.
    #245971
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Please can you screenshot what icons you are trying to change and to what colour? Because it looks fine to me? http://d.pr/i/3aF5/3r1eyDWJ

    – Kyle

    #246566
    guentherportfolio
    Member
    Post count: 266
    This reply has been marked as private.
    #246624
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    #footer .sf-icon {
      color: #efefef;
    }

    – Kyle

    #246754
    guentherportfolio
    Member
    Post count: 266

    Hi Kyle,

    thanks for your help. Unfortunately it doesn’t seem to work

    #246761
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Code worked for me. You had wrong comment syntax in custom css that was cause to issue.
    Thanks
    Mohammad

    #246850
    guentherportfolio
    Member
    Post count: 266

    Hi Mohammad,

    great! 🙂 thank you so much for the hint. I didn’t knew that the syntax was wrong.

    #246856
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem, thanks Mohammad

    – Kyle

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.