1

我们在 wordpress 网站上使用 Avada 主题：http: //skybox.wearetechnology.com/

我们想更改我们网站上链接的悬停状态，现在它们变为白色，并且客户要求使用白色背景。

我试图更改 CSS 以反映这一点，但在主题设置的某处，它们将 a:hover 状态编码到嵌入式样式表中，最后带有 !important 代码。

我在主题设置中找不到允许更改悬停状态颜色的任何地方（即使您可以更改几乎任何其他颜色）。

有没有办法覆盖代码，以便我可以将颜色更改回更明显的颜色？

现在我正在使用文本阴影和描边，但它看起来不太好。

4

3 回答 3

3

如果您使 CSS 选择器比带有注释的选择器更具体，则!important只要包含!important自己的注释，您就应该能够覆盖悬停颜色。

例如，这个：

.featured-post a:hover {
    background-color: pink !important;
}

将覆盖此：

a:hover {
    background-color: #ffffff !important;
}

这是一个简单的 JSFiddle 演示。在演示中，!important由于具有更具体的选择器，第二个链接的样式会覆盖第一个链接的注释。

于 2013-09-13T22:05:11.337 回答
0

没关系，我发现在 Avada 主题中，在主题选项下的后端有一个地方可以添加覆盖任何主题 CSS 的自定义代码。

于 2013-09-13T22:09:12.223 回答
0

这是我必须在 Avada 自定义 css 中添加的 CSS，以删除 Avada 4.0.1 中的悬停状态颜色：

/* Undoes very specific css with an important clause from the author of the   theme */
.fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover     .heading h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-  link-icon-hover .heading .heading-link h2, body .fusion-content-boxes-1 .fusion-   content-box-hover .link-area-box-hover .heading h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover .heading .heading-link h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::after, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::before, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover:after, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover:before, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::after, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::before, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover .icon .circle-no, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-  hover .icon .circle-no {
    color: black !important;
}
于 2016-05-12T23:26:43.623 回答