Skip to content

解決woocommerce radio button的重疊‏問題

在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大学

© 2014, Chaneswin. 如發現留有早期非原創作品可以留言回報喔~感謝您的幫忙 🙂


文章如有幫助,先按讚,再分享,歡迎贊助哦!