Allgemeines » Formatierung Eingabefelder Checkout

08.06.2018 23:55

YourReef
#1

Yo

Hei,

ich würde gerne die Eingabefelder (Adresse, Name, etc.) im Checkout formatieren.
Ich verwende das Design Miami und die Eingabefelder sehen mehr als beschi**en aus.

Es geht um die Webseite: https://www.your-reef.de

Nun habe ich gesehen, dass Jimdo für jedes einzelne Eingabefeld eine einzelne ID hinterlegt hat. Muss ich jetzt mit ".billing_lastname",... jedes einzelne Feld separat formatieren?
Oder kann ich irgendwie alle auf einmal ansteuern?

Vielen Dank.

Gruß Dominik

Antworten

Beitrag melden

#2

10.06.2018 09:03

Andre Konrad
#2

Andre Konrad

Hi Dominik

Die Eingabefelder kannst Du über ".j-checkout__input-field" ansprechen. So siehts also schon etwas netter aus:

1
2
3
4
5
6
7
8
 
<style type="text/css">
/*<![CDATA[*/
.j-checkout__input-field{
    min-height:30px!important;
    font-size:1em;
}
/*]]>*/
</style>
 

Gruß,
Andre

Antworten

Beitrag melden

#3

10.06.2018 13:09 (zuletzt bearbeitet: 10.06.2018 13:11)

YourReef
#3

Yo

YourReef

Super, hab jetzt noch etwas mit der border gespielt und es sieht endlich gut aus :)
Falls es jemand auch benötigt:

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
/*<![CDATA[*/
/*Checkout Felderdesign*/
.j-checkout__input-field{
border: 1px solid #dbdbdb;
border-radius: 2px;
padding: 8px;
width: 30%;
font-size:1em;
}
/*]]>*/
</style>
 

Antworten

Beitrag melden

#4

11.06.2018 12:55

Andre Konrad
#4

Andre Konrad

Super, freut mich!

Antworten

Beitrag melden

#5

19.01.2019 17:17

julian007
#5

ju

julian007

Könnte mir jemand einen Tipp geben, wie ich im Checkout-Formular die Schriftfarbe ändere?
Wenn ein Kunde seine Daten eingibt, ist die Schrift leider hellblau, sodass man auf dem weißen Hintergrund leider fast gar nichts erkennt.

Antworten

Beitrag melden

#6

21.01.2019 11:59

az_
#6

az_

URL?

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html