Navigation
Archive / Don't want social icons to change color
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 19, 2016 at 6:00 pm #1094301
    truaxbrandingco
    Participant

    Hey there

    Looking to keep the social icons the same color before they are hovered over. How can I do that?>

    Thanks you guys!

    http://50.87.248.168/~inertiat/

    July 19, 2016 at 11:28 pm #1094732
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .x-topbar .x-social-global a:hover {
    color: #202556 !important;
}

    Thanks.

    July 27, 2016 at 7:14 pm #1106093
    truaxbrandingco
    Participant

    Hi guys

    This worked perfectly. Can I get them to be enlarged by 50% on mobile only so that are more clickable?

    Thank you so much!

    n

    July 27, 2016 at 11:49 pm #1106511
    Rupok
    Member

    Hi there,

    Thanks for writing back. You can add this as well :

    @media only screen and (max-width: 767px) {}
.x-topbar .x-social-global a {
  font-size: 36px;
  margin-left: 7px;
}
}

    Hope this helps.

    July 28, 2016 at 11:55 am #1107359
    truaxbrandingco
    Participant

    That worked thank you!

    July 28, 2016 at 2:04 pm #1107542
    Rahul
    Moderator

    You’re Welcome!

    If you have any further queries, let us know. We’d be happy to assist you with everything.

    Thanks!

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