[Cum se] Schimbați culoarea textului substituent al formularului de contact 7

Știați că Formularul de contact 7 vă permite să schimbați culoarea textului substituent?

Dacă ați folosit vreodată Formularul de contact 7, atunci este posibil să fi observat că are o culoare implicită a textului substituent. Puteți personaliza textul substituent utilizând opțiunile încorporate din Formularul de contact 7 sau chiar să îl personalizați cu CSS!

Acest articol va arăta cum să schimbați culoarea textului substituent al formularului de contact 7 și va oferi exemple de cod pentru ambele metode.

Cuprins[Spectacol]

Am descoperit că mulți clienți din forumul nostru de asistență au probleme cu setarea sau schimbarea culorii fontului pentru textul substituent al formularului de contact 7.

Formularul de contact 7 este unul dintre cele mai populare pluginuri WordPress astăzi, permițându-vă să creați formulare de contact de bază sau complexe pe site-ul dvs. WordPress. Am scris deja cum să remediați erorile la trimiterea mesajelor Formular de contact 7.

Vă vom arăta cum să personalizați culoarea textului cu cod personalizat: dacă nu sunteți familiarizat cu codarea, dar aveți nevoie de un plugin de generare de formulare mai simplu și mai ușor de utilizat, încercați WPForms.

CSS pentru CF7 Placeholder Text

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

Utilizați eticheta !important

Eticheta „!important” este folosită pentru a garanta că alte stiluri nu sunt aplicate acestor selectoare CSS. Acest lucru asigură că stilul funcționează. Dacă doriți ca stilul să fie utilizat numai în câmpurile formularului de contact 7, puteți utiliza acest lucru:

.wpcf7::-webkit-input-placeholder { /* Browsere WebKit */ culoare: #000 !important; opacitate: 1; }

Dacă trebuie să expuneți un anumit formular de contact pe site-ul dvs. fără a modifica alte formulare de contact 7, căutați identificatorul formularului după cum urmează:

Faceți clic dreapta pe elementul în cauză și selectați Inspectați elementul. Comenzi rapide: F11 (Windows) sau CMD + SHIFT + C (MAC) Găsiți ID-ul și înlocuiți „wpcf_id” cu acesta în acest cod:

#wpcf_id::substituent { culoare: #000 !important; opacitate: 1; }

IMH

Vrei un site rapid?

Pe cine pacalesc? Nu suntem toți?

Deci, de ce atât de mulți dintre noi ne luptăm?

Cea mai mare provocare este de obicei găsirea unei companii de găzduire rapidă și de încredere.

Cu toții am trecut prin coșmaruri - suportul durează o veșnicie sau nu ne rezolvă problema, dând mereu vina pe ceva de partea ta...

Dar cel mai mare dezamăgire este că site-ul web se simte întotdeauna lent.

At CollectiveRay găzduim cu găzduire InMotion și site-ul nostru este rapid prost. Rulăm pe o stivă personalizată de configurare a serverului LightSpeed pe MariaDB cu un motor PHP7.4 și administrat prin Cloudflare.

În combinație cu optimizările noastre front-end, serverăm în mod fiabil 6000 de utilizatori în fiecare zi, cu vârfuri de peste 50 de utilizatori simultan.

Doriți să obțineți o configurare rapidă ca a noastră? Transferați gratuit site-ul dvs. la găzduirea InMotion și obțineți o reducere de 50% la prețurile actuale.

Încercați InMotion Hosting cu 50% REDUCERE pentru CollectiveRay vizitatori DOAR în mai 2024!

Simțiți-vă liber să lăsați o remarcă sau să puneți o întrebare mai jos!

Despre autor

Autor: David AttardSite-ul: https://www.linkedin.com/in/dattard/E-mail: david@collectiveray.com

David a lucrat în sau în jurul industriei online și digitale în ultimii 21 de ani. Are o vastă experiență în industriile software și web design folosind WordPress, Joomla și nișele din jurul lor. A lucrat cu agenții de dezvoltare software, companii internaționale de software, agenții de marketing locale și acum este șeful operațiunilor de marketing la Aphex Media - o agenție SEO. În calitate de consultant digital, se concentrează pe a ajuta companiile să obțină un avantaj competitiv folosind o combinație a site-ului lor web și a platformelor digitale disponibile astăzi. Combinația sa de experiență tehnologică, combinată cu o puternică perspicacitate în afaceri, aduce un avantaj competitiv scrierilor sale.

Inca un lucru... Știați că și persoanele care împărtășesc lucruri utile precum această postare arată MĂRĂTOARE? ;-)
Te rugăm să ne contactezi lasa un util comentează cu gândurile tale, apoi împărtășește acest lucru grupurilor tale de Facebook care ar găsi acest lucru util și să profităm împreună de beneficii. Vă mulțumim că ați împărtășit și ați fost drăguți!

Dezvaluirea: Această pagină poate conține linkuri către site-uri externe pentru produse pe care le iubim și le recomandăm din toată inima. Dacă cumpărați produse pe care vi le sugerăm, este posibil să câștigăm o taxă de recomandare. Astfel de taxe nu influențează recomandările noastre și nu acceptăm plăți pentru recenzii pozitive.

inapoi sus