نگار صادقی

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

13 پست در این موضوع قرار دارد

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

به اشتراک گذاری این پست


لینک به پست

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


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

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

[text* your-name class:test]

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

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

[text* your-name class:cf7_input]

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


.cf7_input {
width: 50px;
}

به اشتراک گذاری این پست


لینک به پست

خیلی ممنون آقا پارسا ولی جواب نداد! من [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]

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

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

به اشتراک گذاری این پست


لینک به پست

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

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

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

به اشتراک گذاری این پست


لینک به پست

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

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری