Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1377640
    tarekr
    Participant

    Hello,

    I added two X buttons on my home page tarekrabaa.com
    However, when opening the page using Firefox i am having a red border around the button after clicking it then mouse away.

    The screenshot shows this issue.

    The button color was red and i changed it to white.

    I used this code in the general CSS customization: .my2:focus {
    outline: transparent;
    }
    .my:focus {
    outline: transparent;
    }

    The Red disappear but i am not able to reduce the white border-width.

    Many Regards,
    Tarek

    #1377755
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

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

    Hope this helps.

    Cheers!

    #1379112
    tarekr
    Participant

    Hi,

    The code works.

    Many Regards,
    Tarek

    #1379280
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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