Navigation
Archive / Remove Border on Buttons on click
This is archived content. Visit our new forum.
  • Author
    Posts
  • November 6, 2015 at 10:25 am #655317
    clement-thierry
    Participant

    Hey,

    how can i remove the red highlight border around certain elements as i.e. on the add to cart button when i click on it. Same occurs on the price filter in the sidebar (see attached image)

    thx in advance!

    November 6, 2015 at 10:50 am #655353
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    November 6, 2015 at 11:38 am #655396
    clement-thierry
    Participant
    This reply has been marked as private.
    November 6, 2015 at 2:05 pm #655558
    Zeshan
    Member

    Hi there,

    You can remove that outline using following CSS code under Custom > CSS in the Customizer:

    .x-btn:focus, .button:focus, [type="submit"]:focus {
   outline: none;
}

    Please note that this styling is for the purpose of accessibility. You may find more detail at the top of this article: https://css-tricks.com/removing-the-dotted-outline/

    Thank you!

    November 10, 2015 at 7:43 am #659549
    clement-thierry
    Participant

    thx a lot!

    November 10, 2015 at 8:44 am #659626
    Thai
    Moderator

    You’re most welcome 🙂

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