رفتن به مطلب

دادن استایل به contact form 7


asia1

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

به یک نفر ماهر در کار با contact form 7 نیاز دارم که به فرم اطلاعات استایل بده

یه فرم میخوام که همه ی گزینه هاش زیر هم نباشه و جایگاه هر گزینه رو خودم مشخص کنم

فرمش کامله فقط استایل نداره کسی بلد باشه آدرس بدم ببینه

لینک به ارسال
  • 11 ماه بعد...

سلام لطفا در مورد wpcf7 بیشتر توضیح میدید؟

سلام خسته نباشید

شما می توانید خیلی راحت با کد های زیر بازی کنید تا استایل مورد نظرتون بدست بیاد !


input[type="text"]
{
background-color: #fff;
color: #000;
width: 50%;
}


input[type="text"],
input[type="email"],
textarea
{
background-color: #fff;
color: #000;
width: 50%;
}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
background-color: #fff;
color: #000;
width: 50%;
}


#very-special-field
{
color: #f00;
border: 1px solid #f00;
}


.wpcf7
{
background-color: #f7f7f7;
border: 2px solid #0f0;
}

  • امتیاز 2
لینک به ارسال

نه خب شما اگه کلاس .wpcf7 را قبل از اون مواردی که میخواید تغییرات اعمال کنید ( مثل فیلد ایمیل و .. ) ذکر کنید .. تغییرات فقط روی فیلد های contact form 7 اعمال خواهد شد !

موفق باشید

  • امتیاز 1
لینک به ارسال

خب با فرم تماس 7 تعداد زیادی فرم برای بخشهای مختلف سایتم ایجاد کردم

فرم استخدام

فرم طراحی روشنایی

فرم ارتباط

موضوعاتشون به هم غیر مرتبطه

لینک به ارسال
  • 1 سال بعد...
در ۱ ساعت قبل، irmacfa گفته است :

کلاس wpcf7 کجا فراخوانی میشه ؟

داخل افزونه تعریف شده

ولی شما میتونید توی فایل استایل خود قالبتون با استفاده از

!important

استایلش رو عوض کنید

لینک به ارسال
در ۱ ساعت قبل، majid1889 گفته است :

داخل افزونه تعریف شده

ولی شما میتونید توی فایل استایل خود قالبتون با استفاده از


!important

استایلش رو عوض کنید

میدونم ولی هر چی میکنم خطی نمیشه !

دمو فرم موجود در سایت بنده

لینک به ارسال

مشکل از استایل ِ خود تگ form عه

این کد رو ب آخر فایل style.css تون اضافه کنید :

.cf7-style{width: auto !important;}

بعدش میتونید المنت هاتون رو inline کنید

ویرایش شده توسط majid1889
  • امتیاز 1
لینک به ارسال
در 2 ساعت قبل، majid1889 گفته است :

مشکل از استایل ِ خود تگ form عه

این کد رو ب آخر فایل style.css تون اضافه کنید :


.cf7-style{width: auto !important;}

بعدش میتونید المنت هاتون رو inline کنید

اضافه کردم اون کد رو حالا یه سول 

 

inline  چطوری هست ؟ 

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

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...