Vidste du, at Kontaktformular 7 giver dig mulighed for at ændre farven på pladsholdertekst?

Hvis du nogensinde har brugt Contact Form 7, har du måske bemærket, at den har en standardfarve til pladsholderteksten. Du kan tilpasse pladsholderteksten ved hjælp af Contact Form 7's indbyggede muligheder – eller endda tilpasse den med CSS!

Denne artikel viser, hvordan man ændrer farven på pladsholderteksten i Contact Form 7, og giver kodeeksempler for begge metoder.

{autotoc}

Vi har opdaget, at mange kunder i vores supportforum har problemer med at indstille eller ændre skriftfarven på pladsholderteksten i kontaktformular 7.

Kontaktformular 7 er et af de mest populære WordPress-plugins i dag, der giver dig mulighed for at oprette grundlæggende eller komplekse kontaktformularer på dit WordPress-websted. Vi har allerede skrevet Sådan retter du fejl i afsendelse af kontaktformular 7-beskeder.

Vi viser dig, hvordan du tilpasser tekstfarve med brugerdefineret kode: Hvis du ikke er bekendt med kodning, men har brug for et enklere og nemmere formularbygger-plugin, kan du prøve WPForms.

CSS til CF7-pladsholdertekst

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

Brug !vigtigt-tagget

Tagget "!important" bruges til at garantere, at andre stilarter ikke anvendes på disse CSS-selektorer. Dette sikrer, at stilen fungerer. Hvis du ønsker, at stilen kun skal bruges på felter i kontaktformular 7, kan du bruge dette:

.wpcf7::-webkit-input-placeholder { /* WebKit-browsere */ farve: #000 !vigtigt; opacitet: 1; }

Hvis du har brug for at vise én specifik kontaktformular på dit websted uden at ændre andre kontaktformularer 7, skal du kigge efter formularidentifikatoren som følger:

rediger cf7-pladsholdertekst

Højreklik på det pågældende element, og vælg Undersøg element. Genveje: F11 (Windows) eller CMD + SHIFT + C (MAC). Find ID'et, og erstat 'wpcf_id' med det i denne kode:

#wpcf_id::placeholder { farve: #000 !vigtig; opacitet: 1; }

IMH

Vil du have en hurtig hjemmeside?

Hvem laver jeg sjov? Gør vi ikke alle sammen?

Så hvorfor kæmper så mange af os?

Den største udfordring er normalt at finde et hurtigt, pålideligt hostingfirma.

Vi har alle været igennem mareridtene - støtte tager evigheder eller løser ikke vores problem altid skylden noget på din side... 

Men den største bummer er, at hjemmesiden altid føles langsom.

At CollectiveRay vi hoster med InMotion hosting og vores hjemmeside er dum hurtig. Vi kører på en brugerdefineret stak af LightSpeed-serveropsætning på MariaDB med en PHP7.4-motor og frontet gennem Cloudflare. 

Kombineret med vores frontend-optimeringer serverer vi pålideligt 6000 brugere hver eneste dag, med peaks på 50+ samtidige brugere. 

Vil du have en hurtig opsætning som vores? Overfør dit websted gratis til InMotion-hosting og få vores 50% rabat på nuværende priser.

Prøv InMotion Hosting med 50 % rabat for CollectiveRay besøgende i juni 2025 KUN!

InMotion hosting 50% RABAT for CollectiveRay besøgende

Du er velkommen til at efterlade en kommentar eller stille et spørgsmål nedenfor!