Navigation
Archive / Footer Social Icons are not showing up unless I hover
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 20, 2016 at 2:44 pm #1051279
    dtourcreative
    Participant

    I want the footer social icons to show up as the one in the attached screenshot (but all of them), before hovering. So, custom red in the circle and the actual icons white.

    June 20, 2016 at 2:56 pm #1051309
    dtourcreative
    Participant
    This reply has been marked as private.
    June 20, 2016 at 3:21 pm #1051354
    dtourcreative
    Participant

    Okay, I fixed that, but I would like the hover to be blue across all icons, not all different colours.

    June 20, 2016 at 6:21 pm #1051534
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    To change the icon color, add this in your customizer’s custom CSS:

    .x-colophon.bottom a:hover{
color: #81d742;
}

    To change the circle or bakcground of the icon:

    .x-social-global a:hover.google-plus, .x-social-global a:hover.facebook, .x-social-global a:hover.twitter, .x-social-global a:hover.linkedin {
background-color: #1a81ad;
}

    Hope it helps.

    Let us know how it goes.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1051279 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>