我在使用flexslider的wordpress中有一個主題。不幸的是,它設置控件的方式和標題出現在滑塊窗口的底部。我想將滑塊的控件移動到滑塊中間(每邊一個),並將陰影標題欄移到頂部。試圖將flexslider控件移動到滑塊窗口的中間
我試過閱讀文檔,但我找不到我在找什麼,並且在檢查器中擺弄css也沒有改變任何東西。在搞清楚如何做到這一點時,任何幫助都會很棒。
這裏是我的網站,因爲它代表與滑塊運轉
我在使用flexslider的wordpress中有一個主題。不幸的是,它設置控件的方式和標題出現在滑塊窗口的底部。我想將滑塊的控件移動到滑塊中間(每邊一個),並將陰影標題欄移到頂部。試圖將flexslider控件移動到滑塊窗口的中間
我試過閱讀文檔,但我找不到我在找什麼,並且在檢查器中擺弄css也沒有改變任何東西。在搞清楚如何做到這一點時,任何幫助都會很棒。
這裏是我的網站,因爲它代表與滑塊運轉
開拓flexslider.css並進行以下修改:
.flex-caption {
bottom: 0px /* REMOVE THIS LINE */
top:0px; /* ADD THIS */
}
.flex-direction-nav li .prev {
left: 0;
top: 48%;
}
.flex-direction-nav li .next{
right: 0;
top: 48%;
}
理想情況下,你應該只是完全剝離出一切在flexslider.css中完成並全部從頭開始,以最大限度地減少膨脹,但以上將爲您提供短期內需要的東西:)
也建議你熟悉Chrome開發者工具 - 一個網頁開發者最好的朋友!
這兩個項目感謝人 - 這真的幫了大忙!需要從我的管理員那裏得到一些額外的寫入權限(這也是問題的一部分), 也需要添加一個背景位置'.flex-direction-nav li .next {right:0; background-position:-32px 0;頂部:48%} ' 因爲這兩個按鈕都是在主題相同的PNG - 再真正有幫助 – Mike
@Mike - 沒問題:) – wickywills
您需要對底層技術進行一些基本的瞭解。向我們展示一些您嘗試過的jQuery或CSS示例,並將您的代碼示例簡化爲相關代碼片段,而不是鏈接到整個頁面,並讓我們瀏覽它。 – Palpatim
不知道你想從「基本理解」中得到什麼,但是我之前做過一堆網站和滑塊(我在這個網站上做了這個網頁http://test.encorelab.org/projects.html,之前做過滑塊比如http://shalu.miketissenbaum.com/place.html - 請原諒我等待設計師反饋的第二張照片)。我承認我在wordpress的自定義調整滑塊有點新,但我無法找到哪些部分或CSS讓我移動flexslider div – Mike