رفتن به مطلب

تغییر سایز متن در فرم تماس با ما


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

سلام اساتید

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

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

Capture.JPG

لینک به ارسال

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

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

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

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

 

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

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


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

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


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

 

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

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

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

لینک به ارسال

کدهای شما قطعا داخل یه 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 میتونه تاثیرات فریمورکهای جاوا اسکریپت باشه که در زمان اجرا اعمال تغییرات میکنن

لینک به ارسال
در 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 میتونه تاثیرات فریمورکهای جاوا اسکریپت باشه که در زمان اجرا اعمال تغییرات میکنن

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

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

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

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

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

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

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

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

contact_us_div_class

هست

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

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

 

لینک به ارسال

پیداش کردم 

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

.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>


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

لینک به ارسال
در در 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>


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

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

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

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

Www.mohasebankhobreh.ir

لینک به ارسال
در 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  اضافه کنید

لینک به ارسال

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

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

<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;

}

 

لینک به ارسال

من این کد تو فایل 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;

}

 

لینک به ارسال
در در 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 اضافه این کد رو گذاشتم جواب داد. 

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

لینک به ارسال

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

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

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

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

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

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

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

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

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