как изменить встроенный стиль в wordpress

Question

<div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-5 images" data-columns="5" style="opacity: 0; transition: opacity .25s ease-in-out;">

Я хочу изменить непрозрачность на 1

Я пробовал использовать это дополнительно css

.woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-5 images{
    opacity: 1;
}

, но это не работает

Answer 1

Если у вас нет доступа для изменения кода WordPress или плагина, который генерирует встроенный стиль, вы можете переопределить его с помощью !important.

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-5.images{
    opacity: 1 !important;
}

Это объявление будет иметь более высокий приоритет, чем встроенный стиль , и будет применен.

Узнайте больше о !important и специфичности: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_! important_exception