Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1918069
Header social link color
Closed

Comments

  • bantergroup started the conversation
    March 4, 2019 at 12:17am

    Hello! Can you please advise how I get the Header Social links to appear in the same colors as the ones in the Footer (bottom right).

    Regards

    Melanie

  •  7,095
    Oliver replied
    March 4, 2019 at 7:59am


    HI!

    pls. use following css:

    i.socials-item-icon.facebook {
    color: #000;
}
i.socials-item-icon.linkedin {
    color: #fff;
}
i.socials-item-icon.facebook:hover {
    color: #ccc;
}
i.socials-item-icon.linkedin:hover {
    color: #eee;
}

     

    6707465710.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • bantergroup replied
    March 4, 2019 at 10:19am

    Thank you Gregor!

  •  7,095
    Oliver replied
    March 4, 2019 at 10:22am

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • bantergroup replied
    March 21, 2019 at 5:30am

    Hi Gregor

    Do I need to use Custom CSS to also change the color of Footer social icons, or are there Theme Options? 

    Also, is it possible to change the styling of the icons to something like the example attached?

    Regards

    Melanie

  •  7,095
    Oliver replied
    March 21, 2019 at 8:20am

    Hi,

    CSS. 

    div#footer-socials i {
    border-radius: 30px;
    background-color: #000;
    padding: 8px;
    height: 34px;
    width: 34px;
    color: #fff;
}

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver