تغییر سایز تکست باکس های contact-form-7

[نگار صادقی 1025]

سلام خسته نباشید. چطور میتونم سایز تکست باکس های فرم تماس رو تغییر بدم؟ میخوام کوچیکترش کنم که توی ابزارک جا بگیره. ممنون

[سعید شعبانی 2047]

شما می تونید از این افزونه استفاده کنید

wordpress.org/extend/plugins/contact-form-7-widget/

با اینکه به صورت دستی در سایدبار بهش استایل بدید

[rezakianoosh 1795]

میتونید با کدهای css و دادن مقدار طول و عرض به تگ input هم این کار رو به راحتی انجام بدین

[نگار صادقی 1025]

میتونید با کدهای css و دادن مقدار طول و عرض به تگ input هم این کار رو به راحتی انجام بدین

میشه کدشو بنویسید؟ البته اگه وقت تون رو نمیگیره.

فقط میخوام سایز تکست باکس کوچیک بشه چون وقتی توی ابزارک میزامش از کادر ابزارک میزنه بیرون

ویرایش شده بهمن 91 توسط نگار صادقی

[Parsa 23463]

شیوه ست کردن کلاس برای فیلدها:

[text* your-name class:test]

http://contactform7.com/text-fields/

[نگار صادقی 1025]

ببخشید آقا پارسا. خیلی معذرت میخوام. متاسفانه من از این تاپیک ها چیزی دستگیرم نشد و اطلاعاتم از css پایینه. اگه ممکنه و راه داره بیشتر راهنمایی کنید (ممنون) .

ویرایش شده بهمن 91 توسط نگار صادقی

[Parsa 23463]

شما در تعریف فیلدهای فرم کلاس رو ست کنید:

[text* your-name class:cf7_input]

سپس به اون استایل بدهید در فایل style.css

.cf7_input {
width: 50px;
}

[نگار صادقی 1025]

خیلی ممنون آقا پارسا ولی جواب نداد! من [text* your-name class:cf7_input] رو در قسمت ویرایش فرم و توی کادر تنظیمات اضافی گذاشتم ولی جواب نداد و توی فرمش هم به این شکل قرار دادم

<p>نام شما (الزامی)<br />
[text* your-name] </p>
<p>ایمیل شما (الزامی)<br />
[email* your-email] </p>
<p>[submit "ارسال"]</p>
[text* your-name class:cf7_input]

ولی فقط یه فیلد کوچیک به فرم اضافه میشه.

ویرایش شده بهمن 91 توسط نگار صادقی

[isk 4447]

شما فرمتونو به ساید اضافه کنید و بعد توی استایل ها تغییراتتونو بدید

برای تغییر استایل، اگر فایل استایل رو تغییر بدید باعث میشه که تمام باکس هایی که از اون خط استایل تبعیت می کنند تغییر کنند؛ یعنی تمام فیلدهای input تغییر می کنند.

اما می تونید با به دست آوردن id اون ویجت بخصوص، فقط استایل محتوای اون ویجت رو تغییر بدید

[نگار صادقی 1025]

مهم نیس همه تکست باکس ها تغییر کنند فقط چطوری تغییرشون بدم روشی که پارسا جان گفتند جواب نداد

[isk 4447]

لینک آنلاین بدید

[نگار صادقی 1025]

اینو ببینید از کادر زده بیرون

[Morteza 34190]

به اینصورت تست کنید:

.wpcf7 input[type="text"]{ width: ;}