这是我的网站 - http://www.afternoons.com.au
我一直在尝试将主导航颜色更改为橙色,当它被翻转和单击页面时。我发现你必须改变文字'后端自定义中的颜色但这也会更改产品说明的文本。
有没有办法覆盖 CSS ,以便产品描述保持灰色,而主导航可以翻转为橙色并在点击时保持橙色?
答案 0 :(得分:1)
您可以通过在Customize Design>的最底部添加以下CSS来更改Luna主题导航栏链接的悬停颜色。高级> 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
}