Как перебить стили Woocommerce на странице каталога?

Question

[Ирина Кириллова]

Всем привет. Сайт, на главной странице в шапке сделала кнопки для перехода на другие сайты. Но вот на странице Каталога товаров все мои стили для кнопок перебивают стили woocommerce. Пробовала вместо тега button тег a, не помогает. Может, кто подскажет, что изменить? Всем заранее огромное спасибо :)

Answer 1

[Jimmy Neutron]

Ну если так посудить, то в файле style.css все правится.
А так надо классы воткнуть свою да и все. (Малость пошаманил и вот что сделал)

"строка 334"

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background: #323232;
    border: none;
    width: auto;
    padding: 10px 7px;
    font-family: roboto;
    height: auto;
}

"Строка 533"

.button--ujarak.button--inverted::before {
    background: none;
}

"Строка 286"

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    color: #23282D;
    transition: all ease 0.3s;
    border: none;
    border-radius: 5px 5px 0px 0px;
    background: #ffffff;
}

Вот получается такое
А вообще лучше на них своих классы поставить и все. Не париться, что чем то перебьете.
Если надо, могу помочь прям на сайте сразу сделать.

Comments

[Ирина Кириллова]

Ну вот добавила эти стили, и все остальные кнопки тоже изменились, такие как "Выбрать опции" и "Добавить в корзину"... :( Как определить стили woocommerce только для верхних кнопок? Классы вроде свои прописаны...

[Jimmy Neutron]

Ирина Кириллова: Задать им свои классы. Вот открой тот файл где ты меняла button на a и вот там замени классы все (желательно на классы к примеру .top_header_category_menu P.S. это просто к примеру) и пусть для этих кнопок этих будет этот класс

[Ирина Кириллова]

Вот это я тупак! Еще и вопрос тут создала такой глупый :)))))))) Я просто давно не практиковалась в верстке, поэтому забыла про такое понятие, как приоритетность селекторов... Нужно было просто мои стили усилить, например, с помощью id. Спасибо вам большое, вы мне очень помогли!