رفتن به مطلب

دادن استایل به 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;
}

لینک به ارسال

دوست عزیز لطفا میگید این کدها رو کجا باید استفاده کنم؟ ممنونم از راهنماییتون

لینک به ارسال

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

لینک به ارسال

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

موفق باشید

لینک به ارسال

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

فرم استخدام

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

فرم ارتباط

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

لینک به ارسال

از این افزونه استفاده کنید :

https://wordpress.org/plugins/contact-form-7-style/

موفق باشید

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

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

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

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

!important

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

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

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

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


!important

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

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

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

لینک به ارسال

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

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

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

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

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

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

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


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

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

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

 

inline  چطوری هست ؟ 

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

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

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

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

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

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

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

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

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

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