Referens för inställningar för formulärstilar
I det här dokumentet
Översikt
Detta är en komplett referens för varje Form Style-inställning som finns tillgänglig i WP Simple Pay. Använd detta tillsammans med den huvudsakliga Form Style-guiden för detaljerade installationsinstruktioner.
Förutsättningar
- WP Simple Pay Pro med en Plus-licens eller högre
- Ett betalningsformulär som använder formulärtypen på plats (inbäddad eller overlay)
Temamallar
| Temats ID | Namn | Primär | Sekundär | Text | Bakgrund |
|---|---|---|---|---|---|
standard | Standard | #0f8569 | #0e7c62 | #32325d | #ffffff |
solnedgång | Solnedgång | #e74c3c | #c0392b | #2c3e50 | #ecf0f1 |
skog | Skog | #27ae60 | #219955 | #2c3e50 | #f9f9f9 |
hav | Hav | #3498db | #2980b9 | #2c3e50 | #ecf0f1 |
monokrom | Monokrom | #333333 | #555555 | #333333 | #ffffff |
solsken | Solsken | #f1c40f | #f39c12 | #34495e | #ffffff |
korall | Korall | #e67e22 | #d35400 | #2c3e50 | #f9f9f9 |
minimal | Minimal | #bdc3c7 | #95a5a6 | #2c3e50 | #ffffff |
När du väljer ett tema mappas primärfärgen till knappens bakgrund och accentfärg, sekundärfärgen mappas till knappens hovringstillstånd, textfärgen mappas till allmänna text- och etikettfärger, och bakgrundsfärgen mappas till både formulär- och inmatningsbakgrunder.
Färginställningar
Alla färginställningar accepterar:
- Hexfärger:
#0f8569,#fff - RGB/RGBA:
rgba(15, 133, 105, 0.8) - HSL/HSLA:
hsl(160, 80%, 29%) - Tomt värde (ärver standard eller återgår till en föräldrainställning)
| Inställning | Beskrivning | Återställningsbeteende |
|---|---|---|
| Formulärbakgrund | Formulärbehållarens bakgrund | Transparent (ärver sidans bakgrund) |
| Inmatningsbakgrund | Inmatningsfältets bakgrund | Transparent |
| Allmän textfärg | Alla textelement | Webbläsarens standard |
| Fältetikettfärg | Endast fältetiketter | Återgår till Allmän texteFärg |
| Inmatningstextfärg | Text inuti inmatningsfält | Återgår till Allmän texteFärg |
| TitelFärg | Formulärstitel | Återgår till Allmän texteFärg |
| Beskrivningsfärg | Formulärbeskrivning | Återgår till Allmän texteFärg |
| Primär (accent) färg | Fokuslägen, markeringar | Temats standard |
| Kantlinjefärg | Inmatnings- och elementkanter | Temats standard |
| Fel kantlinjefärg | Valideringsfelkanter | Röd standard |
| Feltextfärg | Felmeddelandets text | Röd standard |
| Knappbakgrund | Skicka knappbakgrund | Primärfärg |
| Knapptext | Skicka knapptext | Vit |
| Knapp bakgrund vid hovring | Skicka knapp vid hovring | Mörkare primärfärg |
Typografiska inställningar
| Inställning | Beskrivning | Accepterade värden | Standard |
|---|---|---|---|
| Etikett teckenstorlek | Fältetikettstorlek | Positivt heltal (pixlar) | 14 |
| Etikett teckenvikt | Fältetikettvikt | normal, bold, 100–900 | — |
| Inmatning teckenstorlek | Inmatningstextstorlek | Positivt heltal (pixlar) | 16 |
| Rubrik teckenstorlek | Formulärrubrikstorlek | Positivt heltal (pixlar) | 24 |
| Rubrik teckenvikt | Formulärrubrikvikt | normal, bold, 100–900 | — |
| Beskrivning teckenstorlek | Formulärbeskrivningsstorlek | Positivt heltal (pixlar) | 16 |
| Beskrivning teckenvikt | Formulärbeskrivningsvikt | normal, bold, 100–900 | — |
Design- & layoutinställningar
| Inställning | Beskrivning | Accepterade värden | Standard |
|---|---|---|---|
| Formulär kantradie | Formulärbehållarens rundade hörn | Positivt heltal (pixlar) | 0 |
| Inmatning & knapp kantradie | Inmatnings-/knapprundning | Positivt heltal (pixlar) | 4 |
| Formulär stoppning | Formulärbehållarens interna avstånd | Positivt heltal (pixlar) | 0 |
Tillämplighet
| Formulärtyp | Stilar tillämpade? |
|---|---|
| Inbäddad på webbplatsen | Ja |
| Överlagring på webbplatsen (modal) | Ja |
| Stripe Checkout (utanför webbplatsen) | Nej |
| Betalningssida (på webbplatsen) | Ja |
Vad händer härnäst?
- Stilinställningar för betalningsformulär med formulärstil – Steg-för-steg-installationsguide
- Visningstyper för betalningsmetod – Välj mellan flikar och dragspelslayouter
Har du fortfarande frågor? Vi finns här för att hjälpa till!
Senast ändrad: