KARUNA – Change color of LinkedIn in Social Menu

  • Unknown's avatar
    emservicesadminjulie · Member ·

    Hello,

    I need to change the color of the LinkedIn logo button that appears in the top header bar of my Karuna Theme website.

    Integrated Procurement Solutions

    The top bar is black. The logo is transparent gray and when you hover it gets brighter. The problem is, the first color of the logo icon is not visible enough. I need to make it white, or even as bright as it looks when you hover.

    I’m totally stumped about how to do that.

    Please help!

    Thanks a million in advance.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    maksimurasov · Member ·

    Hi @emservicesadminjulie,

    The color of the LinkedIn logo can be changed using this CSS in My Sites-> Appearance -> Customize -> Additional CSS:

    /* change color of LinkedIn logo */
.icon-linkedin {
    fill: white;
}

.icon-linkedin:hover {
    fill: #eae9e9;
}

    To choose a color you can use a tool like this: https://htmlcolorcodes.com/color-picker/
    Or if you want to use transparent colors to see the background, you can experiment with adjusting the “A” parameter in a tool like this
    https://rgbacolorpicker.com/

    Please revert if that helped? In any case, we would be happy to hear from you!

  • kokkieh · Staff ·

    Hi there,

    Please note that your Business plan gives you access to both live chat and direct email support. You can reach those at any time by clicking the Help icon that appears bottom-right on all the My Sites pages, or else via the direct link at https://wordpress.com/help/contact

    There is no need for you to post in the public support forums where the majority of questions are answered by unpaid volunteers who don’t have access to the advanced tools needed to provide support for your Business Plan site.

  • The topic ‘KARUNA – Change color of LinkedIn in Social Menu’ is closed to new replies.