Main Nav Color в теме луны

Question

Это мой сайт - http://www.afternoons.com.au/

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

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

Answer 1

Вы можете изменить цвет наведения на ссылках панели навигации темы Luna, добавив следующий CSS в самом низу Customize Design > Advanced > CSS:

#main_nav li a:hover {
  color: #ff0000;
}

Просто замените цвет тем, что хотите, и все готово. Затем, чтобы активировать "выбранный" класс для каждой страницы категории, вы можете сделать следующее:

Везде, где у вас есть такая ссылка в коде макета:

<li><a href="http://www.afternoons.com.au/category/vessels">Vessels</a></li>

Вам необходимо заменить его в следующем формате:

<li {% if page.full_url contains '/category/vessels' %}class="selected"{% endif %}><a href="/category/vessels">Vessels</a></li>

И, наконец, вам нужно использовать этот CSS:

#main_nav li a:hover, #main_nav li.selected a { 
  color: #FF0000
}