Large Arrow Border When Clicked

Hello @soiajewellery

Thanks a lot for reaching out to us.

We have checked your website and it seems that the button outline is coming from your theme style.

Hopefully, the following CSS code will solve the issue:

.product-item a.button.add_to_cart_button:focus {
outline: none;
}

Best wishes,
Tarek

• This reply was modified 3 years, 9 months ago by Tarek Aziz.

Thanks @tarekht for your very quick reply.

Unfortunately, I still have a thick border on the slider arrow after clicking on it as you can see here https://soiajewellery.com/wp-content/uploads/2021/02/Screenshot-from-2021-02-18-15-41-00.png

And also as testing allowed me to notice, I have a similar problem when I click within the “Product Item” bound: https://soiajewellery.com/wp-content/uploads/2021/02/Screenshot-from-2021-02-18-15-41-49.png

I hope the screenshots will help to target the issue.

Thanks again,

Best Regards

Hi @soiajewellery

Good morning from here ??

We have checked the screenshots you provided. Please replace the previous CSS with the following:

a:focus {
outline: none !important;
}

It will fix the problem.

Best regards,
Tarek