Некоторые часто используемые пользовательские стили CSS для тем Avada

Avada обладает мощными функциями и стилями, но они не могут удовлетворить все ваши потребности. Попробуйте использовать пользовательский CSS Avada для изменения стиля. Это не повлияет на обновления темы. Просто заполните пользовательский CSS в разделе Avada — Параметры темы — Пользовательский CSS (по одной строке на строку).

1. Добавьте рамку к основному изображению на странице товара.

.product .images {border: 1px solid #e0dede;}

2. Скройте заголовок на вкладке страницы товара (WooCommerce делает это по умолчанию, но вы можете скрыть его, если у вас обсессивно-компульсивное расстройство)

.woocommerce-Tabs-panel h2{display:none;}

3. Измените цвет фона WooCommerce после добавления товара в корзину. По умолчанию — зелёный.

#top div.woocommerce-message {border-color: #7bafe7;background-color: #7bafe7;color: #19346a;}

4. Очистите лишнее пустое пространство в сетке товаров.

.product-details-container {min-height: 12px;}

.product .product-buttons {padding-top: 0px;}