14 پست در این موضوع قرار دارد

سلام اساتید

چطور میتونم در فرم تماس با ما که کدش رو در فوتر سایت گذاشتم، فونت متن رو تغییر بدم و کوچکتر کنم؟ به شکلی که با کوچکتر شدن فونت فضای اشغاتی توسط فرم جمع و جور تر بشه(نمونه در تصویر مشخص هست).
این کدی هست که در فرم تماس با ما استفاده کردم 

<p>[text* your-name placeholder "نام شما"] </p>
<p>[tel* tel-872 placeholder "شماره تماس شما"]</p>
<p>[textarea your-message placeholder "پیغام خود را وارد کنید"] </p>
<p>[submit "ارسال پیغام"]</p>

Capture.JPG

0

به اشتراک گذاری این پست


لینک به پست

داده ترین راهش استفاده از تگ small هست

<p><small>[text* your-name placeholder "نام شما"] </small></p>

روش بعدی استفاده از css هست

div.p {
    font-size: 15px;
}

 

4

به اشتراک گذاری این پست


لینک به پست
در 14 ساعت قبل، Mobin گفته است :

داده ترین راهش استفاده از تگ small هست


<p><small>[text* your-name placeholder "نام شما"] </small></p>

روش بعدی استفاده از css هست


div.p {
    font-size: 15px;
}

 

ممنون از راهنمایی

تگ small در متن نوشته ها جواب داد اما در فرم تماس با ما که در فوتر گذاشتم تاثیری نداشت.

کد css رو دقیقا به چه شکل باید بذارم؟ 

0

به اشتراک گذاری این پست


لینک به پست

کدهای شما قطعا داخل یه wraper هست مثلا یک div

<div>
    <p>[text* your-name placeholder "نام شما"] </p>
    <p>[tel* tel-872 placeholder "شماره تماس شما"]</p>
    <p>[textarea your-message placeholder "پیغام خود را وارد کنید"] </p>
    <p>[submit "ارسال پیغام"]</p> 
</div>

به این div یه کلاس بدین مثلا  contact_us_div_class حالا کدهای شما باید به صورت زیر تغییر داده بشه

<style>
.contact_us_div_class {
    font-size: 15px;
}
</style>
<div class="contact_us_div_class">
    <p>[text* your-name placeholder "نام شما"] </p>
    <p>[tel* tel-872 placeholder "شماره تماس شما"]</p>
    <p>[textarea your-message placeholder "پیغام خود را وارد کنید"] </p>
    <p>[submit "ارسال پیغام"]</p> 
</div>

از دلایل کار نکردن تگ smsll یا  css میتونه تاثیرات فریمورکهای جاوا اسکریپت باشه که در زمان اجرا اعمال تغییرات میکنن

2

به اشتراک گذاری این پست


لینک به پست
در 13 ساعت قبل، Mobin گفته است :

کدهای شما قطعا داخل یه wraper هست مثلا یک div


<div>
    <p>[text* your-name placeholder "نام شما"] </p>
    <p>[tel* tel-872 placeholder "شماره تماس شما"]</p>
    <p>[textarea your-message placeholder "پیغام خود را وارد کنید"] </p>
    <p>[submit "ارسال پیغام"]</p> 
</div>

به این div یه کلاس بدین مثلا  contact_us_div_class حالا کدهای شما باید به صورت زیر تغییر داده بشه


<style>
.contact_us_div_class {
    font-size: 15px;
}
</style>
<div class="contact_us_div_class">
    <p>[text* your-name placeholder "نام شما"] </p>
    <p>[tel* tel-872 placeholder "شماره تماس شما"]</p>
    <p>[textarea your-message placeholder "پیغام خود را وارد کنید"] </p>
    <p>[submit "ارسال پیغام"]</p> 
</div>

از دلایل کار نکردن تگ smsll یا  css میتونه تاثیرات فریمورکهای جاوا اسکریپت باشه که در زمان اجرا اعمال تغییرات میکنن

متوجه شدم ممنون

فقط متاسفانه هنوز مشکل حل نمیشه

نیازی هست در ویرایش قالب تغییراتی اعمال کنم ؟

0

به اشتراک گذاری این پست


لینک به پست
در 9 ساعت قبل، mehrankiani گفته است :

متوجه شدم ممنون

فقط متاسفانه هنوز مشکل حل نمیشه

نیازی هست در ویرایش قالب تغییراتی اعمال کنم ؟

اگر اسم کلاس والدتون

contact_us_div_class

هست

باید به این صورت تو فایل استایل بنویسید

.contact_us_div_class p{
font-size:13px!important;
}

 

3

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

 

.

ویرایش شده در توسط mehrankiani
0

به اشتراک گذاری این پست


لینک به پست

پیداش کردم 

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

.contact_us_div_class p{
font-size:10px!important;
}

 

در فرم تماس با ما این کد رو

<style>
.contact_us_div_class {
    font-size: 10px;
}
</style>
<div class="contact_us_div_class">
    <p>[text* your-name placeholder "نام شما"] </p>
    <p>[tel* tel-872 placeholder "شماره تماس شما"]</p>
    <p>[textarea your-message placeholder "پیغام خود را وارد کنید"] </p>
    <p>[submit "ارسال پیغام"]</p> 
</div>


ولی هنوز مشکل حل نشده متاسفانه و تغییری اعمال نمیشه
 

0

به اشتراک گذاری این پست


لینک به پست
در در 10/3/2018 at 19:32، mehrankiani گفته است :

پیداش کردم 

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

.contact_us_div_class p{
font-size:10px!important;
}

 

در فرم تماس با ما این کد رو

<style>
.contact_us_div_class {
    font-size: 10px;
}
</style>
<div class="contact_us_div_class">
    <p>[text* your-name placeholder "نام شما"] </p>
    <p>[tel* tel-872 placeholder "شماره تماس شما"]</p>
    <p>[textarea your-message placeholder "پیغام خود را وارد کنید"] </p>
    <p>[submit "ارسال پیغام"]</p> 
</div>


ولی هنوز مشکل حل نشده متاسفانه و تغییری اعمال نمیشه
 

لینک سایتتونو بفرمایید تا ببینیم مشکل از چی می تونه باشه 

0

به اشتراک گذاری این پست


لینک به پست
در 19 دقیقه قبل، Mirrajabi گفته است :

لینک سایتتونو بفرمایید تا ببینیم مشکل از چی می تونه باشه 

Www.mohasebankhobreh.ir

0

به اشتراک گذاری این پست


لینک به پست
در 11 ساعت قبل، mehrankiani گفته است :

Www.mohasebankhobreh.ir

.contact_us_div_class input,.contact_us_div_class textarea
.contact_us_div_class input::-webkit-input-placeholder ,.contact_us_div_class textarea::-webkit-input-placeholder{
    font-size: 10px!important;

}

این استایل رو به انتهای فایل rtl.css  اضافه کنید

4

به اشتراک گذاری این پست


لینک به پست

ممنون از وقتتون ولی متاسفانه تغییری اعمال نمیشه

در فرم تماس با ما این کد رو گذاشتم
 

<style>
.contact_us_div_class {
    font-size: 10px;
}
</style>
<div class="contact_us_div_class">
    <p>[text* your-name placeholder "نام شما"] </p>
    <p>[tel* tel-872 placeholder "شماره تماس شما"]</p>
    <p>[textarea your-message placeholder "پیغام خود را وارد کنید"] </p>
    <p>[submit "ارسال پیغام"]</p> 
</div>

 

 

در استایل دهی این کد 

.contact_us_div_class p{
font-size:10px!important;
}

 

 

و در فایل rtl.css این کد رو
 

.contact_us_div_class input,.contact_us_div_class textarea
.contact_us_div_class input::-webkit-input-placeholder ,.contact_us_div_class textarea::-webkit-input-placeholder{
    font-size: 10px!important;

}

 

0

به اشتراک گذاری این پست


لینک به پست

من این کد تو فایل rtl.css شما گذاشتم و درست کار کرد . شما این کد کد همونجا قرار بدید نتیجه رو اعلام بفرمایید .

.contact_us_div_class input,.contact_us_div_class textarea,
.contact_us_div_class input::placeholder ,.contact_us_div_class textarea::placeholder{
    font-size: 10px!important;

}

 

3

به اشتراک گذاری این پست


لینک به پست
در در 10/7/2018 at 19:01، Mirrajabi گفته است :

من این کد تو فایل rtl.css شما گذاشتم و درست کار کرد . شما این کد کد همونجا قرار بدید نتیجه رو اعلام بفرمایید .


.contact_us_div_class input,.contact_us_div_class textarea,
.contact_us_div_class input::placeholder ,.contact_us_div_class textarea::placeholder{
    font-size: 10px!important;

}

 

از طریق بخش شخصی سازی قالب، css اضافه این کد رو گذاشتم جواب داد. 

ممنونم عالی بود

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط mehdi...
      با سلام دوستان من می خواستم از افزونه های وردپرس در درست کردن فرم تماس با ما استفاده نکنم چون خودتون که می دونم یکم دست ادم بسته هست تو استفاده ازشون
      تو سایت های دیگه هم فرم تماس با ما زیادی دیدم که با پی اچ پی درست شده و گزاشتن برای دانلود فقط مشکل من اینه که تو وردپرس میشه از این استفاده کرد و این که چطوری و اگه اونا به درد نمی خورند و همخوانی ندارند یه نمونه فرم تماس بزارید ممنون میشم
    • توسط نسـتـــرن
      با سلام خدمت همه اساتید
      من ی قالب اچ تی ام ال دارم که فرم تماس با ماش پی اچ پی نداره و کار نمیکنیه.میخواستم بپرسم چطوری باید فعالش کنم؟ممنون
    • توسط Hassan Hesampour
      سلام دوستان
      یه مشکلی واسم پیش اومده ، اینکه قبلا وقتی توی فرم تماس با ما ، کاربرا میخواستن مطلبی ارسال کنن از منو باز شو موضوع رو انتخاب میکردن و وقتی ایمیلشون به دستم
      میرسید موضوع رو میدیدم و هیچ مشکلی نداشت ، چند وقت پیش با بخش پشتیبانی قالب سایت تماس گرفتم گفتم رنگ فیلد های منوی فرم تماس با ما همرنگ پس زمینه
      سایته ، چیکارش کنم ؟
      این دو تا تکه کد رو دادن :


      .wpcf7-submit {background-color: slategray;padding: 6px;width: 70px;border-radius: 5px;color: white;box-shadow: 0px 2px 1px black;}.wpcf7-form-control-wrap select {background-color: khaki;padding: 6px;width: 222px;border-radius: 3px;border: solid 1px darkslateblue;}

      و


      .wpcf7-form-control-wrap textarea { background-color: #eee; border: solid 1px #ddd; margin-right: 150px; width: 400px; margin-top: -21px; } .wpcf7-form-control-wrap input { background-color: #eee; padding: 5px; border: solid 1px #ddd; margin-right: 150px; float: right; margin-top: -21px; }

      منم گذاشتم توی css قالب و رنگ پس زمینه و فیلد های فرم تماس با ما سایتم مشخص شد و خیلی هم خوب شد
      اما از اون موقع تا حالا اگر موضوعی از منوی باز شو انتخاب بشه دیگه توی ایمیلی که به دستم میرسه نشون نمیده
      مشکل کجاست عزیزان ؟
      آدرس سایت bavanat.ir