[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.

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:

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

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.