Nivo Slider導航風格問題

所以我有一個名爲DotsAndDashes的自定義Nivo Slider主題，並且我遇到了一些問題，我正在努力通過主題的CSS表格進行解析。Nivo Slider導航風格問題

第一，如上所述，涉及導航箭頭，使nextNav今天上午面臨錯誤的方式。我已經與CSS個補鍋匠，現在是這樣：

.theme-DotsAndDashes .nivo-directionNav a { 
display:block; 
width:30px; 
height:30px; 
background:url(wp-content/uploads/nivo-themes/DotsAndDashes/arrows.png) no-repeat; 
text-indent:-9999px; 
border:0; 
opacity: 0; 
-webkit-transition: all 200ms ease-in-out; 
-moz-transition: all 200ms ease-in-out; 
-o-transition: all 200ms ease-in-out; 
transition: all 200ms ease-in-out; 

.theme-DotsAndDashes:hover .nivo-directionNav a { opacity: 1; } 
.theme-DotsAndDashes a.nivo-nextNav { 
background-position:-30px 0; 
right:15px; 
.theme-DotsAndDashes a.nivo-prevNav { 
left:15px;

暫時，我現在已經沒有任何箭並不能真正明白爲什麼，可能是......

另一個問題涉及縮略圖的縮放。目前，他們的中心，但我理想的需要他們的大小根據給定畫廊的拇指數量按比例改變...

在此先感謝！

來源

2013-06-25 Josh Holliday

提供您的html源代碼 – falguni

抱歉，我該怎麼做，完全......？ –

http://www.vfxdude.com/testblog/shortcodes/sliders-galleries/nivoslider/ – falguni

我注意到的第一件事是在您的arrows.png上加載資源錯誤失敗。所以這就是爲什麼他們不可見，因爲他們無法找到。其次，爲什麼當你幾乎沒有改變任何東西時爲nivo創建一個完整的主題？這些一些小的變化可以很容易地融入到您的主要CSS中作爲覆蓋原始CSS。這種方式不太容易出錯，比如忘記主題中的某些東西，或者改變某些不應該改變的東西（只是在這裏給出一個例子）。希望這有助於。

來源

2013-08-21 08:00:59 MariusJP

Hi Marius，謝謝你的迴應！我之所以創建一個自定義文件，是因爲插件開發人員建議我在WordPress更新期間丟失了所有我的默認主題的自定義設置。我有箭頭在這裏：http://dotsanddashes.co.uk/wp-content/uploads/nivo-themes/DotsAndDashes/arrows.png雖然不能讓他們顯示..？任何進一步的幫助將非常感激！ –

我認爲你的問題是，箭頭基本上是白色的。您的網站是白色的。做數學運算：p（對於遲到的反應感到抱歉，一直很忙）或者你想讓它們在幻燈片上導航？然後我誤解了一些東西編輯：啊發現它，它仍然給無法找到資源錯誤。不知何故，你的加載箭頭的鏈接是雙重的，所以wp-content/uploads/etc然後再次/ wp-content/uploads/etc我認爲你硬編碼了CSS中的鏈接，這顯然不是必要的。 – MariusJP

Nivo Slider導航風格問題

回答

相關問題