У меня есть сайт WordPress с двенадцатью шестнадцатью дочерними темами , где я пытаюсь отточить некоторые вещи. Одна из вещей, которую я хочу, - это сделать боковую панель менее заметной, чтобы в идеале внимание посетителей было сосредоточено на чтении контента большую часть времени.
Некоторые ссылки подчеркнуты мотивами UX. (Встроенные ссылки подчеркнуты; списки ссылок только подчеркиваются при наведении.) Таким образом, виджеты второго столбца, помимо поиска, являются кандидатами на наличие ссылок, обычно не подчеркиваемых.
После примерно десяти попыток у меня получается следующее: Таблица стилей в основном обрабатывает все виджеты правой колонки после поиска как одинаковые для подчеркивания ссылки.
В пользовательском интерфейсе, если вы посмотрите на правый столбец, исключая виджет, используемый для отображения столбца изображений:
1-й и 3-й виджеты, за исключением столбца обложек книг, имеют подчеркнутые ссылки,
2-го и 4-го нет.
1-й, 2-й и 3-й используют произвольный текстовый виджет.
Я отскочил от акулы при отладке.
Я часами включал и выключал вещи в style.css , складывал и вычитал "text-decoration: none,"
"text-decoration: underline,"
"!important,"
и т. Д., И ничего не получалось.
Во фрагменте ниже используется самая тяжелая кувалда, которую я мог найти. Эффект, который я ожидал, состоял в том, что я назначал стиль (jQuery.css()) inline !important
, и это просто нельзя было превзойти.
;(jQuery(function()
{
jQuery.css('aside#secondary a', 'text-decoration: none !important');
jQuery.css(
'aside#secondary a:hover', 'text-decoration: underline !important');
})());
Я попробовал в файле JavaScript сайта и временно добавил скрипт в footer.php. Ничего такого. Мне до сих пор не удалось убрать подчеркивания.
Я не выяснил, что вызывает это; Я старался изо всех сил, но не в состоянии обеспечить минимальную демонстрацию проблемы; Я не знаю смелости WordPress.
Спасибо