رفتن به مطلب

استایل سفارشی فرم تماس 7


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

سلام خدمت اساتید گرامی و محترم

بنده برای قسمت تماس با ما سایت خودم از افزونه فرم تماس 7 استفاده کردم که البته استایل خاصی ندارد .

میخواستم در صورت امکان یک استایل سفارشی براش داشته باشم . ممنونم میشم راهنمایی کنید.

آدرس تماس با ما  سایت بنده : http://navidak.ir/contact-us/

اگر مشابه این بشه خیلی خوبه : https://www.graphicyab.com/ads/

 

ممنون

لینک به ارسال

اطلاعات css سایت شما؟؟
اگه منظورتون نام کلاس های فرم هست از طریق inspect element مرورگر خودتون میتونید مشاهده کنید.

توصیه میشه از طریق سفارشی سازی استایل فرم تماس 7 استفاده کنید.

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

امکانش هست کد های سی اس اس سایت مورد نظر بنده را استخراج کنید؟

سلام ، این کدو به فایل  css  تون اضافه کنید

wpcf7-form label{ 
	position:relative;
	width:100%;
}
wpcf7-form label input,
.wpcf7 textarea{ 
	width:100%;
    border: 1px solid #CCC;
    padding: 7px 5px;
}
wpcf7-form label:before { 
conntent: '';
position: absolute;
background: #090;
width: 10px;
height: 10px;
right: 0;
top: 6px;
}

 

لینک به ارسال

فقط ی بخشی از فرم تغییر کرد

نمونه آنلاین : http://navidak.ir/contact-us/

خواهش میکنم لطف کنید مجددا بررسی نمایید

 

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

فقط ی بخشی از فرم تغییر کرد

نمونه آنلاین : http://navidak.ir/contact-us/

خواهش میکنم لطف کنید مجددا بررسی نمایید

 

.wpcf7-text {
    width: 100%!important;
}
.wpcf7-text:hover{
background:#EAE7E7
}
.wpcf7 input[type="submit"] {

    background: #56b881;
    color: #FFF;
    padding: 7px 10px;
    font: 16px dinar;
    cursor: pointer;
    border: 2px solid #56b881;
    width:100%!important

}
.wpcf7 input[type="submit"]:hover{
      background: white; 
    color:#56b881
}
.wpcf7-form-control-wrap {
    position: relative;
    right: -15px;

}
.wpcf7 label {
    padding-right: 20px;

}
.wpcf7 label::before {

    content: "";
    position: absolute;
    background: #090;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-left: 30px;
    right: 5px;
    top: 5px;

}
.wpcf7-form {

    padding-top: 30px;

}
.wpcf7 label{
position: relative;
}

 

لینک به ارسال
در در 10/10/2018 at 10:10، iwf2050 گفته است :

فقط بخشی از قالب تغییر کرد،

و نتیجه جالب نشده

.wpcf7-form-control-wrap {
    right: -15px;

}

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

لینک به ارسال

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

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

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

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

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

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

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

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

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