懸停狀態顏色更改，Avada主題，Wordpress

Question

我們正在wordpress網站上使用Avada主題： http ： //skybox.wearetechnology.com/

我們想更改網站上鏈接的懸停狀態，現在它們變為白色，並且客戶要求白色背景。

我試圖更改CSS以反映這一點，但是在主題設置中的某個地方，它們將a：hover狀態編碼為嵌入樣式表，末尾帶有！important代碼。

我無法在主題設置中找到允許更改為懸停狀態顏色的任何位置（即使您幾乎可以更改任何其他顏色）。

有沒有一種方法可以覆蓋代碼，以便我可以將顏色更改回更可見的顏色？

現在，我正在使用文本陰影和筆觸，但效果不是很好。

Answer 1

如果你犯了一個CSS選擇一個比，更具體的!important注釋，你應該可以，只要你包括覆蓋懸停顏色!important自己的注解。

例如，這：

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

將覆蓋此：

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

這是一個簡單的JSFiddle演示 。 在演示中，由於具有更具體的選擇器，第二個鏈接的樣式將覆蓋第一個鏈接上的!important注釋。

Answer 2

沒關系，我發現在Avada主題中，主題選項下的后端中有一個地方可以添加自定義代碼，該代碼可以覆蓋任何主題的CSS。

Answer 3

這是我必須在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;
}