Visste du at kontaktskjema 7 lar deg endre fargen på plassholdertekst?
Hvis du noen gang har brukt kontaktskjema 7, har du kanskje lagt merke til at den har en standard plassholdertekstfarge. Du kan tilpasse plassholderteksten ved hjelp av kontaktskjema 7s innebygde alternativer-eller til og med tilpasse den med CSS!
Denne artikkelen viser hvordan du endrer kontaktskjema 7s plassholdertekstfarge og gir kodeeksempler for begge metodene.
Vi har oppdaget at mange klienter i vårt supportforum har problemer med å angi eller endre skriftfargen på kontaktskjema 7 plassholdertekst.
Kontaktskjema 7 er en av de mest populære WordPress -pluginene i dag, slik at du kan lage grunnleggende eller komplekse kontaktskjemaer på WordPress -nettstedet ditt. Vi har allerede skrevet hvordan du fikser feil ved sending av kontaktskjema 7.
Vi viser deg hvordan du tilpasser tekstfarge med tilpasset kode: Hvis du ikke er kjent med koding, men trenger en enklere og enklere å bruke skjemabygger-plugin, kan du prøve WPForms.
CSS for CF7 plassholdertekst
::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}
Bruk! Viktig tag
"! Viktig" -taggen brukes til å garantere at andre stiler ikke brukes på disse CSS -velgerne. Dette sikrer at stilen fungerer. Hvis du vil at stilen bare skal brukes på kontaktskjema 7 -felt, kan du bruke denne:
.wpcf7 ::-webkit-input-placeholder { / * WebKit-nettlesere * / farge: #000! ugjennomsiktighet: 1; }
Hvis du trenger å avsløre et bestemt kontaktskjema på nettstedet ditt uten å endre andre kontaktskjemaer 7, ser du etter skjemaidentifikatoren som følger:
Høyreklikk på det aktuelle elementet og velg Inspiser element. Snarveier: F11 (Windows) eller CMD + SHIFT + C (MAC) Finn IDen og erstatt 'wpcf_id' med den i denne koden:
#wpcf_id :: plassholder {farge: #000! viktig; ugjennomsiktighet: 1; }
IMH
Ønsker du en rask nettside?
Hvem prøver jeg å lure? Gjør vi ikke alle?
Så hvorfor sliter så mange av oss?
Den største utfordringen er vanligvis å finne et raskt, pålitelig vertsselskap.
Vi har alle vært gjennom marerittene - støtte tar evigheter eller løser ikke problemet vårt å alltid skylde på noe på din side...
Men den største bummeren er at nettsiden alltid føles treg.
At CollectiveRay vi hoster med InMotion hosting og nettsiden vår er dum rask. Vi kjører på en tilpasset stabel med LightSpeed-serveroppsett på MariaDB med en PHP7.4-motor og frontet gjennom Cloudflare.
Kombinert med våre front-end-optimaliseringer serverer vi pålitelig 6000 brukere hver eneste dag, med topper på 50+ samtidige brukere.
Vil du ha et raskt oppsett som vårt? Overfør nettstedet ditt gratis til InMotion-hosting og få 50 % rabatt på gjeldende priser.
Prøv InMotion Hosting med 50 % rabatt for CollectiveRay besøkende KUN i november 2023!
Legg igjen en kommentar eller still et spørsmål nedenfor!
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!
Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.