Невозможно удалить границу из связанного изображения продукта woocommerce

Question

Я только что обновил тему витрины магазина до 2.5.5 для https://bestfamily.gr и заметил, что , когда я нажимаю для изображения продукта или ссылки на изображение, отображается граница.

Я положил в css

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.lazyloaded {
    text-decoration: none !important;
    border: 0 none !important;
}

или

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
    text-decoration: none !important;
    border: 0 none !important;
}

, но все равно ничего. В предыдущей версии темы границы не отображались. Я использую imagify и wp-rocket с отложенной загрузкой, если это поможет.

Answer 1

Вы должны изменить :focus

Попробуйте это:

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: transparent;
}