צור קשר

תוכל לקרוא במדריך הבא על התהליך: https://pojo.co.il/topic/how-to-create-custom-style-in-contact-form-7

יש לך בסוף המדריך, קוד להדבקה שיעשה לך את העבודה.

שימי פסיק, במקום נקודה.

[submit class:button, size-large "שלח"]

טוב בדקתי שוב בתיעוד של CF7

תכתבי ככה:
[submit class:button class:size-large "שלח"]

שימי לב שלשדות לא שמים לכל אחד בנפרד אלא בראשי למעלה, תקראי עוד בתיעוד המלא שלנו:

Helpers Classes – סלקטורים של CSS לטפסים מעוצבים

בשבילך זה הקוד הסופי לשדות גדולים + כפתור גדול:

<div class="form size-large">
<p>Your Name (required)<br />
[text* your-name class:field] </p>
 
<p>Your Email (required)<br />
[email* your-email class:field] </p>
 
<p>Subject<br />
[text your-subject class:field] </p>
 
<p>Your Message<br />
[textarea your-message class:field] </p>
 
<p> [submit class:button class:size-large "שלח"]</p>
</div><!---.form--->

הם הוסיפו קלאס מותאם אישית והכניסו לו מאפיין שצובע את כל האזור באפור במצב הובר.

בקיצור, קצת CSS עושה את זה