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

[asia1 0]

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

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

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

[Parsa 23463]

با کلاس wpcf7 میتوانید به فیلدها استایل دهید

[Elham 16]

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

[MasouDdl 65]

سلام لطفا در مورد 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;
}

[Elham 16]

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

[Elham 16]

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

[MasouDdl 65]

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

موفق باشید

[Elham 16]

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

فرم استخدام

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

فرم ارتباط

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

[MasouDdl 65]

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

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

موفق باشید

[irmacfa 4]

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

[majid1889 733]

در ۱ ساعت قبل، irmacfa گفته است :

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

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

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

!important

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

[irmacfa 4]

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

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

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

!important

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

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

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

[majid1889 733]

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

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

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

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

ویرایش شده مرداد 95 توسط majid1889

[irmacfa 4]

در 2 ساعت قبل، majid1889 گفته است :

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

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

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

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

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

 

inline  چطوری هست ؟ 

ویرایش شده مرداد 95 توسط irmacfa

[majid1889 733]

به این شکل :

display: inline;
یا
display: inline-block;