Упрощаем (усложняем) вид ссылок

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

Для этого входим в Настройки, Дополнительные стили и добавляем следующий код CSS:

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

После “none” скорее всего понадобиться добавить “!important”.

К сожалению, этот код не всегда решает вопрос.

Поэтому можно добавить ещё несколько кодов и смотреть на результат при каждом изменении настроек стиля. Зависит от ваших других настроек, шаблона (темы) и других факторов.

Классы в ваших шаблонах могут будет другими – смотрите и выбирайте сами.

.main-content a, 
.post-title a, 
.entry-title a, 
.widget a, 
a {
    text-decoration: none !important;
}

a {
    text-decoration: none !important;
    border-bottom: none !important;
}

a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    background: none !important;
    color: inherit !important; /* Сохранит прежний цвет */
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
}

Со всеми настройками можно долго играть для получения желаемого результата.

Удачи!

Рубрики блога