Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 16, 2017 at 9:07 pm #794467
    mcraig77

    Ahoy,

    I added some code to change the social icon in header color but it doesn’t seem to be working.

    When the icon is not hovered I would like them to be black, I inserted this code:

     .social_bookmarks li a {
    color: black!important;
}

    I would like when hovered to have a white icon and the traditional circle color. I inserted this code:

    .social_bookmarks_facebook > a {
    color: #fff !important;
}

.social_bookmarks_linkedin > a {
    color: #fff !important;
}
    May 17, 2017 at 6:16 am #794650
    Nikko

    Hey mcraig77,

    The first code worked but as for the 2nd one the hover code should be:

    .social_bookmarks_facebook > a:hover {
    color: #fff !important;
}

.social_bookmarks_linkedin > a:hover {
    color: #fff !important;
}

    However, you have a white header background, I would suggest including a background color on the social icon as well so the white social icon can still be seen.

    Best regards,
    Nikko

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