Стилизация папки вторичной навигационной панели - Squarespace - Шаблон Jaunt - PullRequest
Новая
       19

Стилизация папки вторичной навигационной панели - Squarespace - Шаблон Jaunt

0 голосов
/ 12 марта 2019

Я хочу стилизовать элемент папки вторичной навигационной панели этого веб-сайта, который я проектирую, с помощью шаблона Jaunt (все еще выполняется. Пароль: edizioni_test): https://tan -perch-9lhf.squarespace.com

Я хочу, чтобы текст ITA / FRA был жирным.Я попытался оформить его с помощью этого кода CSS: 

span.Header-nav-item.Header-nav-item--folder a { 
   font-weight:900 !important;
   color:#777777 !important;
   }

 span.Header-nav-item.Header-nav-item--folder a:hover {
   color:#cccccc !important;
 }

, но я обнаружил эту проблему: когда я нажимаю на ссылку ITA / FRA , открывается эта страница:

проблема: эта папка не содержит страниц

Как исправить это, чтобы нажать на ITA / FRA и связать его с домашней страницей?Спасибо

1 Ответ

0 голосов
/ 12 марта 2019

Обычно рекомендуемый метод отключения / отключения ссылки / ссылки на папки навигации в Squarespace в различных шаблонах Squarespace заключается в использовании pointer-events:none на целевом элементе. В некоторых шаблонах это требует установки pointer-events:all для последующих дочерних элементов, но не в вашем случае.

В вашем случае мы можем просто настроить таргетинг на конкретный элемент и оставить его там (элементы-братья останутся кликабельными). Введите один из следующего с помощью редактора CSS: 

a[href='/ita-fra'] {
  pointer-events: none;
}

OR 

.Header-nav-folder-title {
  pointer-events: none;
}

Первый метод, приведенный выше, нацелен на ссылку через URL и относится к этой ссылке. Второе - более общее правило, которое будет применяться к другим таким папкам, которые вы можете добавить в заголовок.

Обратите внимание, что это не предотвращает "вставку" на целевую ссылку при использовании клавиатуры или, возможно, вспомогательных технологий, хотя обычно предотвращает "выполнение" ссылки. Для полного удаления ссылки потребуется использование Javascript, но, как я уже сказал, метод CSS-only общепринят в сообществе Squarespace.

...