رفتن به مطلب

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


پست های پیشنهاد شده

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

لینک به ارسال

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


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 اون ویجت بخصوص، فقط استایل محتوای اون ویجت رو تغییر بدید

لینک به ارسال

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...