فرم تماس در فوتر

[narci 1]

سلام

من از اقزونه فرم تماس 7 برای قسمت ارتباط با ما استفاده می کنم حالا اگه بخوام این فرم تماس را جمع و جور کنم تا بتونم در فوتر استفاده کنم راه حلش چی هست الان شورت کد در فوتر می ذارم اصلا زیبا نیست و ارتفاع فوتر چند برابر میشه بخواهم عرض و ارتفاع text box های فرم را کوتاه تر کنم چطوری هست؟؟

[عبدالماجد 3203]

با استفاده از inspect element که توی خود فایرفاکس و کروم موجود هستن یا نصب فایرباگ روی فایرفاکس و کلیک راست کردن روی بخش مورد نظر و انتخاب inspect element میتونید برای عناصر مورد نظرتون استایل بنویسید.

یعنی عرض و ارتفاعش رو خودتون از طریق css مشخص کنید.

دمو میدادید بهتر میتونستیم راهنمایی کنیم.

[narci 1]

با استفاده از inspect element که توی خود فایرفاکس و کروم موجود هستن یا نصب فایرباگ روی فایرفاکس و کلیک راست کردن روی بخش مورد نظر و انتخاب inspect element میتونید برای عناصر مورد نظرتون استایل بنویسید.

یعنی عرض و ارتفاعش رو خودتون از طریق css مشخص کنید.

دمو میدادید بهتر میتونستیم راهنمایی کنیم.

من دو عکس فرستادم یکی شکلی که الان هست و یکی هم روی text box پیام شما inspect element انجام دادم حالا چه عددی را باید عوض کنم در ضمن اون اسم کلاس هایی هم که مشخص شده را در کدوم فایل باید دنبالشان بگردم

[Morteza 34190]

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

میتونید به المان فوتر height بدید

[narci 1]

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

میتونید به المان فوتر height بدید

عکس کامل را میذارم

تو مسیر پوسته فولدر css فایل main که میروم مقدار wight که تو عکس الان مقدارش 100 هست(ستون سمت راست استایل) مقدارش را عوض میکنم و فایل را save می کنم هیچ تاثییری نداره برای ارتفاع هم که چیزی پیدا نکردم

[مهدی 1668]

سلام

آدرس آنلاین دارید؟

[narci 1]

سلام

آدرس آنلاین دارید؟

خیر

[Morteza 34190]

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

به باکس اول کلاس جدا بدید

بعد بهش ارتفاع بدید وگرنه به کلاس wpcf7 ارتفاع ثابت بدید ببینید تغییری میکنه؟

[narci 1]

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

به باکس اول کلاس جدا بدید

بعد بهش ارتفاع بدید وگرنه به کلاس wpcf7 ارتفاع ثابت بدید ببینید تغییری میکنه؟

ممنون اگه ممکنه کد استایل سایز ارتفاع و عرض فرم تماس را برام بنویسید من زیاد با کد نویسی آشنا نیستم در قسمت ابزارک ها من کد "شورت کد" فرم تماس را برای فوتر قرار دادم حالا این کد استایل را کجا باید بذارم

[Black_Sky 6349]

دوست عزیز اینطوری نمیشه گفت حداقل سورس و یا آدرس آنلاین و یا... قرار بدید

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

[narci 1]

دوست عزیز اینطوری نمیشه گفت حداقل سورس و یا آدرس آنلاین و یا... قرار بدید

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

ممنون از دوستان

من 3 خط کد زیر را تو فایل استایل قرار دادم و عرض فیلدهای فرم تماس را به دلخواه عوض کردم (فیلد نام و ایمیل و متن پیام)

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

.wpcf7 input[type=email] {width:355px;}

.wpcf7 textarea.wpcf7-textarea { width:500px;}

فقط مسئله این هست که من از چند فرم تماس استفاده میکنم یکی در برگه و دیگری در فوتر حالا آمدم 2 تا فرم تماس ایجاد کردم مثل شورت کدهای زیر

[contact-form-7 id=779" title="فرم تماس 1]

[contact-form-7 id=405" title="فرم تماس 1]

حالا اگر بخواهم فرم تماس در برگه طول عرض خاصی داشته باشه و فرم تماس در فوتر هم متفاوت باشه ایم ID فرم های تماس را کجای کد بالا باید مشخص کنم

[narci 1]

مشکل از طریق تعریف id برای هر یک از فیلدهای فرم تماس و اختصاص کد حل شد مثلا در تنظیات فیلدهای فرم تماس 1 برای محتوی متن من یک id بنام body تعریف کردم و در استایل نوشتم

body#

}

; width:100px

;height: 20px

{