解決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大学