Sisu
Kontaktvorm 7 on WordPressi kirjastamisplatvormi plugin, mis võimaldab kasutajatel kiiresti luua kohandatud kontaktivorme. Kuigi vorme on lihtne luua ja kasutada, on nende väljad minimaalselt kohandatud, mis võimaldab integreerimist mis tahes saidiga. Looge oma kohandatud stiilid ja rakendage need selle plugina poolt genereeritud vormiväljadel.
Juhised
-
Avage oma WordPressi teemastiil ja kerige lõpuni. Loo annoteeritud ala, et saaksite oma koodi kergesti leida. Näide:
/ Siin algab minu kohandatud CF7 kood /
-
Kohandage oma väljade ja tekstialade stiilid. Selleks looge oma stiili lehele kirje. Näide:
.wpcf7 sisend [type = "text"], .wpcf7 areadotexto {}
Lisage tekstiosade piirid, taustad, polsterdus ja suurused. Näited:
.wpcf7 sisend [type = "text"] {taust: ükski kordus kerimine 0 0 # F9F9F9; piir: 1px tahke # 8E9BA9; polsterdus: 5px; laius: 200 px; }
-
Kohandage rippmenüüst ja valikumenüüst stiilid.Selleks looge oma stiili lehele kirje. Näide:
.wpcf7 sisend [type = "select"] {
}
Kohanda tekstiväljadele sarnaseid valikuvälju. Valikuväljad ei ole tekstiväljadega nii laiad, nii et lisage oma laiusele mõned lisapikslid. Näide:
.wpcf7 sisend [tüüp = "valitud"] {taust: pole korduva kerimise 0 0 # F9F9F9; piir: 1px tahke # 8E9BA9; polsterdus: 5px; laius: 210 px; }
-
Kohanda oma esitamisnupu stiili. Selleks looge oma stiili lehele kirje. Näide:
.wpcf7 sisend [tüüp = "esitamine"] {
}
Kohanda esitamisnuppu, et täiendada oma saidi välimust ja tundeid (see peaks jätkuvalt taustast välja paistma). Punase saatmisnupu näide:
.wpcf7 sisend [tüüp = "esitamine"] {taustavärv: # 990000; piir: 4px tahke # B34040; värv: #FFFFFF; }
-
Salvestage muudatused oma stiilile ja edastage andmed teemakausta.
Kuidas
- Proovige erinevaid stiile ja erinevaid äärevärve.
- Tehke Firefoxis, Safaris ja Internet Exploreris vormide uus kontroll, sest iga brauser pakub veidi erinevaid sisestusvälju.
Teade
- Lisage oma teema stiililehele kohandatud CSS ja mitte pluginaid. Kui te seda teete, võib plugina värskendamisel kaotada kausta failide kohandamine.
Mida sa vajad
- Juurdepääs stiilile WordPress