更改WooCommerce Checkout表單輸入文本CSS樣式

當我注意到WooCommerce的結帳頁面的輸入文本以斜體顯示時，我正在使用我的wordpress網站。更改WooCommerce Checkout表單輸入文本CSS樣式

我怎麼能改變風格，字體等？我正在運行的主題被稱爲VAN by ThemeStudio。他們的自定義菜單中有一個印刷版選項，但無論我在那裏做什麼更改都沒有反映在結帳頁面上。

該網頁是：http://honestabe.ca/ininkk/shopink/（將產品添加到購物車並去結賬...）。

任何幫助將不勝感激。

在此先感謝。

來源

2016-07-05 AbrahamLN

嘿！非常抱歉，因爲這麼遲纔回復！我正在度假。謝謝您的回答;我現在正在測試它，所以我希望它能起作用！ – AbrahamLN

它的工作！我對未來的問題使用相同的方法;非常感謝你，Loic！ – AbrahamLN

您的問題是位於你的「範」活動主題裏面woocommerce文件夾，內woocommerce.css文件。使用代碼編輯器或直接使用wordpress編輯器（外觀>編輯器，然後在woocommerce文件夾>woocommerce.css文件中）打開此文件。
前往路線990，你會發現這一點：

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea, 
.woocommerce-page form .form-row input.input-text, 
.woocommerce-page form .form-row text area { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    border: 1px solid #dcdcdc; 
    padding: 14px 10px; 
    font-family: 'Playfair Display'; 
    font-size: 12px; 
    color: #7a7a7a; 
    font-style: italic; 
    letter-spacing: 1px; 
    width: 100%; 
    outline: none; 
}

變化font-style: italic;通過font-style: normal;

你完成了......

你肯定要做出其他該文件中的更改。現在你知道你可以做到這一點。

來源

2016-07-05 23:45:28 LoicTheAztec

@AbrahamLN最好設置一個兒童主題，避免在更新父主題時丟失編輯和更改的方式... – LoicTheAztec

更改WooCommerce Checkout表單輸入文本CSS樣式

回答

相關問題