2016-07-05 33 views
2

Ich arbeitete an meiner Wordpress-Site, als ich bemerkte, dass der Eingabetext für die Checkout-Seite von WooCommerce als kursiv ausgegeben wurde.Ändern von WooCommerce Checkout-Eingabetext CSS-Stil

Wie kann ich den Stil, die Schriftart usw. ändern? Das Thema, das ich gerade betreibe, heißt VAN von ThemeStudio. Sie haben eine Typografie-Option in ihrem benutzerdefinierten Menü, aber die Änderungen, die ich dort mache, werden auf der Checkout-Seite nicht angezeigt.

Die Webseite ist: http://honestabe.ca/ininkk/shopink/ (fügen Sie ein Produkt zum Warenkorb hinzu und gehen Sie zur Kasse ...).

Jede Hilfe würde sehr geschätzt werden.

Vielen Dank im Voraus.

+0

Hey! Tut mir leid, dass ich so spät dran bin, um zu antworten! Ich war in Urlaub. Vielen Dank für Ihre Antwort; Ich teste es gerade aus, also hoffe ich, dass es funktioniert! – AbrahamLN

+0

Es hat funktioniert! Ich benutze die gleiche Methode für zukünftige Probleme; Vielen Dank, Loic! – AbrahamLN

Antwort

1

Ihr Problem ist in den woocommerce Ordnern in Ihrem "Van" aktives Thema befindet, innerhalb woocommerce.css Datei. Öffnen Sie diese Datei mit einem Code-Editor oder direkt mit dem Wordpress-Editor (Darstellung> Editor, dann in woocommerce Ordner>woocommerce.css Datei).
Go 990 auszukleiden und Sie finden diese:

.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; 
} 

ändern font-style: italic; von font-style: normal;

Sie sind fertig ...

Sie sicherlich andere machen müssen Änderungen in dieser Datei. Jetzt wissen Sie, wo Sie es tun können.

+1

@AbrahamLN Es ist besser, ein untergeordnetes Thema zu setzen, um zu vermeiden, dass Änderungen und Änderungen verloren gehen, wenn das übergeordnete Thema aktualisiert wird ... – LoicTheAztec