Изменение цвета статуса при наведении, тема Avada, Wordpress

Мы используем тему Avada на веб-сайте WordPress: http://skybox.wearetechnology.com/

Мы хотели бы изменить статус наведения ссылок на нашем сайте, сейчас они становятся белыми, и клиент запросил белый фон.

Я попытался изменить CSS, чтобы отразить это, но где-то в настройках темы у них есть состояние a: hover, закодированное во встроенную таблицу стилей с кодом! Important в конце.

Я не могу найти нигде в настройках темы, которые позволяют изменить цвет состояния наведения (хотя вы можете изменить практически любой другой цвет).

Есть ли способ переопределить код, чтобы я мог снова изменить цвет на более видимый?

Сейчас я использую текстовую тень и обводку, но это выглядит не очень хорошо.


wordpress css textcolor
person MattM    schedule 13.09.2013    source источник
comment
Вы можете увидеть ссылки в нижнем колонтитуле домашней страницы под последними новостями.   -  person MattM    schedule 14.09.2013

Ответы (3)


arrow_upward
3
arrow_downward

Если вы сделаете селектор CSS более конкретным, чем тот, который имеет аннотацию !important, вы сможете переопределить цвет при наведении курсора, если вы добавите собственную аннотацию !important.

Например, это:

.featured-post a:hover {
    background-color: pink !important;
}

Отменит это:

a:hover {
    background-color: #ffffff !important;
}

Вот простая демонстрация JSFiddle. В демонстрации стиль второй ссылки переопределяет аннотацию !important на первой из-за наличия более конкретного селектора.

person Roddy of the Frozen Peas    schedule 13.09.2013

arrow_upward
0
arrow_downward

Неважно, я обнаружил, что в теме Avada есть место на бэкэнде в разделе «Параметры темы», чтобы добавить собственный код, который перекрывает любой CSS-код темы.

person MattM    schedule 13.09.2013

arrow_upward
0
arrow_downward

Это CSS, который мне пришлось добавить в пользовательский CSS Avada, чтобы удалить цвет состояния наведения в Avada 4.0.1:

/* Undoes very specific css with an important clause from the author of the   theme */
.fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover     .heading h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-  link-icon-hover .heading .heading-link h2, body .fusion-content-boxes-1 .fusion-   content-box-hover .link-area-box-hover .heading h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover .heading .heading-link h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::after, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::before, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover:after, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover:before, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::after, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::before, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover .icon .circle-no, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-  hover .icon .circle-no {
    color: black !important;
}
person Giorgia Paolini    schedule 12.05.2016