Flexslider導航按鈕不可見懸停，橙色框

我在WordPress站點上使用FlexSlider 2。Flexslider導航按鈕不可見懸停，橙色框

來回導航按鈕不起作用 - 後導航按鈕只是一個橙色框，向前導航按鈕看起來很奇怪。

看看這裏：http://www.friendshipart.net/artists-acf/

CSS是在這裏：http://www.friendshipart.net/wp-content/themes/colored-friendshipart/flexslider.css

這裏是腳本（在header.php文件）：

<script type="text/javascript" charset="utf-8"> 
    $(window).load(function() { 
    $('.flexslider').flexslider({ 
     // Primary Controls 
      directionNav: true, 
      animation: "slide", 
      controlsContainer: ".flex-nav-container", 
    }); 
    }); 
</script>

我怎樣才能讓導航按鈕顯示正常？

來源

2015-04-08 askilgore

更改樣式表style.css中的類.flex-direction-nav li a（您鏈接了兩次）。刪除該類的高度，寬度和文本縮進並添加padding:15px;。然後在樣式表flexslider.css中將類.flex-direction-nav a::before更改爲display:block;而不是display:inline-block;，並且在相同的樣式表中將.flex-direction-nav a的寬度和高度設置爲40px。但要確保你只保留一個到樣式表style.css的鏈接，因爲樣式會覆蓋另一個樣式，因此很難在你的css中發現問題。

讓我知道這是否有幫助。

來源

2015-04-08 07:05:02 Kinburn101

感謝Kinburn101的幫助。這解決了這個問題，但「以前」的箭頭仍然沒有出現。有什麼想法嗎？如果您不確定如何修復它，我可能會禁用上一個和下一個箭頭。我確認CSS被鏈接了兩次 - 它因爲wp_head（）調用了兩次，我不知道如何阻止它這樣做。謝謝！ – askilgore

能夠回答我的問題：我必須添加文本對齊：正確;轉換爲flex.slide.css中的.flex-prev。再次感謝！ – askilgore

我確定之前的箭頭沒有出現在初始更改中的原因是style.css被鏈接了兩次。通過添加一個未被覆蓋的新屬性，您現在可以看到它。如果我是你，我會嘗試以某種方式禁用第二個鏈接，因爲如果嘗試進一步自定義，它會導致重大問題。 – Kinburn101

Flexslider導航按鈕不可見懸停，橙色框

回答

相關問題