2014-01-16 53 views
0

我在使用flexslider的wordpress中有一個主題。不幸的是,它設置控件的方式和標題出現在滑塊窗口的底部。我想將滑塊的控件移動到滑塊中間(每邊一個),並將陰影標題欄移到頂部。試圖將flexslider控件移動到滑塊窗口的中間

我試過閱讀文檔,但我找不到我在找什麼,並且在檢查器中擺弄css也沒有改變任何東西。在搞清楚如何做到這一點時,任何幫助都會很棒。

這裏是我的網站,因爲它代表與滑塊運轉

http://test.encorelab.org/

+0

您需要對底層技術進行一些基本的瞭解。向我們展示一些您嘗試過的jQuery或CSS示例,並將您的代碼示例簡化爲相關代碼片段,而不是鏈接到整個頁面,並讓我們瀏覽它。 – Palpatim

+0

不知道你想從「基本理解」中得到什麼,但是我之前做過一堆網站和滑塊(我在這個網站上做了這個網頁http://test.encorelab.org/projects.html,之前做過滑塊比如http://shalu.miketissenbaum.com/place.html - 請原諒我等待設計師反饋的第二張照片)。我承認我在wordpress的自定義調整滑塊有點新,但我無法找到哪些部分或CSS讓我移動flexslider div – Mike

回答

1

開拓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開發者工具 - 一個網頁開發者最好的朋友!

+0

這兩個項目感謝人 - 這真的幫了大忙!需要從我的管理員那裏得到一些額外的寫入權限(這也是問題的一部分), 也需要添加一個背景位置'.flex-direction-nav li .next {right:0; background-position:-32px 0;頂部:48%} ' 因爲這兩個按鈕都是在主題相同的PNG - 再真正有幫助 – Mike

+1

@Mike - 沒問題:) – wickywills

相關問題