解決woocommerce radio button的重疊‏問題

Spread the love

【聲明】本站任何文章都可能有聯盟行銷連結,當你透過文章內的連結購買產品,我可能獲得分潤,這不會增加你任何成本,並且我分享的都是自己實際使用過的資訊,更多細節請點這裡。 Disclosure: Any post on this site may contain affiliate links, meaning I get commission if you decide to make a purchase through my links, at no cost to you.


在WordPress親愛的預設Theme 2014看不見的問題
就是radio button(核取按鈕)的重疊
合理推斷原因是該theme的CSS在那些 li 的優先層級比較高
但對於一些minimal的主題可就要自己到woocommerce 外掛裡面的CSS改了
woocommerce 2.2.4 都還是有這個問題
解法就是到這個位置
/wp-content/plugins/woocommerce/assets/css/woocommerce.css
搜尋
text-indent:-22px;
這行註解掉就好了
或是自己在某處寫上下列CSS蓋掉那個設定
/*修正購物車的 radio button 重疊顯示問題*/
.woocommerce ul#shipping_method li,.woocommerce-page ul#shipping_method li {
text-indent:0px;
}
完畢收工!
工商時間:
WordPress網路行銷筆記本進階版 – 權威網站
WordPress大学

分享文章
Chaneswin
Chaneswin

【阿淳】漂流過網路行銷、組織行銷、被創業的光環迷惑過,體驗那些未曾想像的驚奇之後,最終的自由卻是擁有澄澈的雙眼、返璞歸真的看世界,我的冒險不在鎂光燈的絢麗舞台,而在迷宮中。把心路歷程化為故事、把工具筆記在雲端。在瞬息萬變的世界裡,慢慢來。
【阿淳的自由生活工具箱】前身小查的白日夢。從腦中的虛幻到真實世界,這裡記錄著一路上不同階段的想法、課程、工具、實踐、挫折,從此放下權威迷思。如果翻出你需要的工具,歡迎隨喜自取、提問討論 :)

文章: 313

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *