[Hvernig á] Breyta tengiliðareyðublaði 7 Textalitur staðgengils

Vissir þú að snertingareyðublað 7 gerir þér kleift að breyta lit staðhafa texta?

Ef þú hefur einhvern tíma notað snertingareyðublað 7 þá gætirðu hafa tekið eftir því að það er með sjálfgefnum lit á staðhöldu. Þú getur sérsniðið staðsetningartextann með innbyggðum valkostum Contact Form 7-eða jafnvel aðlaga hann með CSS!

Þessi grein mun sýna hvernig á að breyta tengiliðareyðublaði 7's Placeholder textalit og gefa kóða dæmi fyrir báðar aðferðirnar.

Efnisyfirlit[Sýna]

Við höfum uppgötvað að margir viðskiptavinir á stuðningsvettvangi okkar eiga í vandræðum með að stilla eða breyta leturlit á tengiliðareyðublaði 7 staðsetningartexta.

Snertingareyðublað 7 er eitt vinsælasta WordPress viðbætur í dag og gerir þér kleift að búa til einföld eða flókin snertingareyðublöð á WordPress síðunni þinni. Við höfum þegar skrifað hvernig á að laga villur við að senda tengiliðareyðublað 7.

Við munum sýna þér hvernig á að aðlaga textalit með sérsniðnum kóða: Ef þú ert ókunnugur kóðun en þarft einfaldari og auðveldari í notkun forritagerðarforrit skaltu prófa WPForms.

CSS fyrir CF7 staðsetningartexta

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

Notaðu! Mikilvægt merki

Merkið "! Mikilvægt" er notað til að tryggja að aðrar stíll sé ekki beittur á þessa CSS vali. Þetta tryggir að stíllinn virki. Ef þú vilt að stíllinn sé aðeins notaður á reitum snertingareyðublað 7 geturðu notað þetta:

.wpcf7 ::-webkit-input-placeholder { / * WebKit vafrar * / litur: #000! mikilvægt; ógagnsæi: 1; }

Ef þú þarft að afhjúpa eitt tiltekið snertingareyðublað á síðunni þinni án þess að breyta öðrum snertiforritum 7, leitaðu að auðkenni eyðublaðsins sem hér segir:

breyta CF7 staðsetningartexta

Hægrismelltu á viðkomandi þátt og veldu Skoða þátt. Flýtileiðir: F11 (Windows) eða CMD + SHIFT + C (MAC) Finndu auðkenni og skiptu „wpcf_id“ fyrir það í þessum kóða:

#wpcf_id :: staðsetning {litur: #000! mikilvægur; ógagnsæi: 1; }

Ekki hika við að skilja eftir athugasemd eða spyrja spurningar hér að neðan!

Um höfundinn
David Attard
Höfundur: David AttardVefsíða: https://www.linkedin.com/in/dattard/
David hefur starfað í eða við net- / stafræna iðnaðinn síðustu 18 ár. Hann hefur mikla reynslu af hugbúnaðar- og vefhönnunargeiranum með því að nota WordPress, Joomla og veggskot í kringum þau. Sem stafrænn ráðgjafi er áhersla hans lögð á að hjálpa fyrirtækjum að ná samkeppnisforskoti með því að nota sambland af vefsíðu þeirra og stafrænum kerfum sem eru í boði í dag.

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...