Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 16, 2017 at 3:26 pm #877574
    2eminds

    Hi,

    I’d like to add a colored circle (#67b5a5) on the social icon on the top right header (next to the top menu bar) and color #236a62 on hover. In addition, I’d like the social media icon itself to be white in color.

    Can you please let me know the CSS for the above effect?

    Many thanks

    Risa

    November 16, 2017 at 6:06 pm #877637
    Yigit

    Hey Risa,

    I added following code to bottom of Style.css file of your child theme and flushed cache

    #top #wrap_all .social_bookmarks a { background: #67b5a5!important; color: #ffffff!important; }
#top #wrap_all .social_bookmarks li:hover a { background: #236a62!important; }

    Please review your website

    Best regards,
    Yigit

    November 17, 2017 at 3:25 pm #878111
    2eminds

    Thank you Yigit – it worked great! Just one thing – are you able to add some space between icons?

    Many thanks

    Risa

    November 17, 2017 at 3:34 pm #878119
    Jordan Shannon

    Hi,

    Add the following to quick css:

    
#top .social_bookmarks li{
margin:0 5px!important;
}

    Best regards,
    Jordan Shannon

    November 17, 2017 at 5:33 pm #878214
    2eminds

    Thank you!

    November 17, 2017 at 7:07 pm #878256
    Victoria

    Hi 2eminds,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.