Luna主题中的主要导航颜色

Question

这是我的网站 - http://www.afternoons.com.au

我一直在尝试将主导航颜色更改为橙​​色，当它被翻转和单击页面时。我发现你必须改变文字＆＃39;后端自定义中的颜色但这也会更改产品说明的文本。

有没有办法覆盖 CSS ，以便产品描述保持灰色，而主导航可以翻转为橙色并在点击时保持橙色？

Answer 1

您可以通过在Customize Design＆gt;的最底部添加以下CSS来更改Luna主题导航栏链接的悬停颜色。高级＆gt; 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
}