Navigation
Archive / X-icon social outline: on focus and Hover
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 20, 2017 at 6:27 pm #1378957
    tarekr
    Participant

    Hello,

    On Firefox and IE i am getting a RED outline around the social icon after clicking them. plz check screenShot

    How to remove this RED outline?

    Also how can i change the color of the letter F and I and the internal logo of twitter to White instead of transparent?
    Another issue: I used the same icons code in my arabic website version https://tarekrabaa.com/ar/ but i got a text shadow for those icons.

    Many Regards,

    February 21, 2017 at 12:01 am #1379301
    Rupok
    Member

    Hi there,

    Thanks for writing in! Looks like you have already added the below code to solve the issue :

    a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
	outline: 0 !important;
}

    And to change colors, you can use custom class for each anchors and use some CSS to control color.

    Cheers!

    February 21, 2017 at 11:22 am #1380100
    tarekr
    Participant

    Hi,

    It works.

    Regards

    February 21, 2017 at 11:41 am #1380125
    Thai
    Moderator

    You’re most welcome 🙂

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