Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

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,280
    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,280
    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,280
    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