Icon Color - by blakejnolan - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 10 years, 5 months ago ago by Eva Kemp

  • Avatar: blakejnolan
    blakejnolan
    Participant
    July 10, 2014 at 19:21

    Is there any way to change the colors of icons? For example, the icons in the very top of the header? The Wishlist “heart”, your account icon, Logout icon, etc….

    1 Answer
    Avatar: Eva
    Eva Kemp
    Support staff
    July 10, 2014 at 19:55

    Hello,

    To change the icons color at the top please add this code into custom.css file:
    .login-link:before, .logout-link:before, .top-bar .wishlist-link a i:before, .my-account-link:before, .register-link:before { color: red;}
    Change the color value to yours.
    If you wan to use different colors for each icon you need separate them, for example:

    .register-link:before { color: red;}
    .logout-link:before {color: blue;}
    .top-bar .wishlist-link a i:before {color: green;}

    and so on.

    How to create custom.css you can watch in our video tutorial
    Regards,
    Eva Kemp.

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.