آیا به دنبال نمونه های هدف گذاری سی اس اس در افزونه گرویتی فرمز هستید؟ پلاگین گراویتی فرمز یک افزونه وردپرس فرم ساز بسیار قدرتمند می باشد. که شما با این افزونه می توانید در چند دقیقه به سرعت، حرفه ای ترین فرم ها را بسازید و از آن به عنوان دریافت اطلاعات به صورت آسان از کاربر استفاده کنید. هم اکنون آخرین نسخه اورجینال و فارسی افزونه گراویتی را می توانید از وبسایت سمندون تهیه و استفاده نمایید.
توجه: برای خرید افزونه گرویتی فرمز اینجا کلیک کنید.
معرفی نمونه های هدف گذاری سی اس اس در افزونه گرویتی فرمز
معرفی افزونه:
گرویتی فرمز یک افزونه قدرتمند وردپرس است که برای ساده سازی فرآیند ایجاد و مدیریت فرم ها در وب سایت ها طراحی شده. این افزونه که توسط شرکت (Rocketgenius) توسعه یافته، یک رابط کاربر پسند بصری را ارائه می دهد. که به کاربران اجازه می دهد بدون زحمت انواع مختلفی از فرم ها، مانند فرم های تماس، نظرسنجی، آزمون ها و موارد دیگر را بسازند. این افزونه طیف گسترده ای از فیلد های فرم، شامل: فیلد های متنی، دکمه های رادیویی، چک باکس ها و آپلود فایل ها را فراهم می کند و کاربران را قادر می سازد تا فرم ها را برای رفع نیاز های خاص خود سفارشی کنند.
این افزونه در ویژگی های پیشرفته اش برتری دارد. و به منطق شرطی اجازه می دهد تا فرم های پویا را ایجاد کند که با ورودی های کاربر سازگار است. علاوه بر این، به طور یکپارچه با خدمات محبوب شخص ثالث، مانند درگاه های پرداخت، ابزار های بازاریابی ایمیلی، و سیستم های (CRM) ادغام می شود و عملکرد آن را افزایش می دهد. این افزونه همچنین از فرم های چند صفحه ای، حفاظت از هرز نامه و مدیریت ورود فرم پشتیبانی می کند.
خلاصه مقاله:
این مقاله مثال های استفاده برای هدف گیری ویژگی های گرویتی فرمز را نشان می دهد. به طور کلی، یک مثال را نشان می دهیم که برای همه فرم ها عمومی است، و سپس یک (یا دو) مثال که مختص یک شناسه فرم منحصر به فرد می باشد. اگر فرم خاصی را طراحی می کنید، به سادگی منبع خود را تماشا کنید، سپس شناسه فرم را پیدا می کنید و شناسه را در نمونه های این مقاله با خود آن جایگزین می کنید.
لطفاً توجه کنید: که این نمونه ها از آنجا که، ممکن است برای انجام یک طراحی به آن نیاز پیدا می کنید، مهم تر هستند (یعنی: طولانی تر)، اما ویژگی سی اس اس، غلبه بر طرح های قالب کلی را بسیار آسان تر می کند.
ویژگی نسخه (2.5)
این نمونه ها به روز رسانی می شوند، تا منعکس کننده تغییرات در نشانه گذاری ایجادی در نسخه (2.5) گرویتی فرمز باشند. جایی که یک مثال در نسخه های مختلف متفاوت است، در متن زیر مشخص می شود:
- «نشانه گذاری قدیمی» – هدف گیری برای نسخه های گرویتی فرمز قبل از نسخه (2.5) یا فرم هایی با فعال سازی تنظیم نشانه گذاری قدیمی.
- «نشانه گذاری استاندارد» – هدف گیری مورد نیاز برای فرم های ایجادی در نسخه (5) گرویتی فرمز و یا نسخه جدید تر آن، یا فرم های قدیمی تر با فعال سازی تنظیم نشانه گذاری قدیمی ” غیر فعال” است.
بسته بندی فرم
- شامل تمام فرم های گرویتی فرمز می باشد. به عنوان مثال: پوشش اصلی فرم (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper { border: 1px solid red }
- به عنوان مثال: پوشش اصلی فرم (div) – فقط برای شناسه فرم اعمال می شود.
body #gform_wrapper_1 { border: 1px solid red }
کلاس های زیر بر اساس فعال بودن یا نبودن حالت قدیمی برای یک فرم، بر روی پوشش فرم اعمال می شوند.
- به عنوان مثال: پوشش اصلی فرم (div) – برای تمام فرم های نشانه گذاری استاندارد اعمال می شود.
body .gform_wrapper.gravity-theme { border: 1px solid red }
- به عنوان مثال: پوشش اصلی فرم (div) – برای همه فرم ها با استفاده از نشانه گذاری قدیمی اعمال می شود.
body .gform_wrapper.gform_legacy_markup_wrapper { border: 1px solid red }
سربرگ فرم برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
عنوان فرم
شامل عنوان فرم و توضیحات است.
- به عنوان مثال: بخش عنوان فرم (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_heading { border: 1px solid red }
- به عنوان مثال: بخش عنوان فرم (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_heading { border: 1px solid red }
عنوان فرم
- به عنوان مثال: عنوان فرم (h3) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_heading .gform_title { color: red }
- به عنوان مثال: عنوان فرم (h3) – فقط برای فرم شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_heading .gform_title { color: red }
توضیحات فرم
- به عنوان مثال: توضیحات فرم (span) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_heading .gform_description { border: 1px solid red }
- به عنوان مثال: توضیحات فرم (span) – فقط برای فرم شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_heading .gform_description { border: 1px solid red }
فرم بدنه
حاوی محتوای بدنه اصلی فرم است.
- به عنوان مثال: بخش بدنه فرم (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body {border: 1px solid red}
- به عنوان مثال: بخش بدنه فرم (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body {border: 1px solid red}
ظرف فرم
برای ساختار تمام ویژگی های فرم استفاده می شود.
- به عنوان مثال: ظرف فرم (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields {border: 1px solid red}
- به عنوان مثال: محفظه فرم (div) – فقط برای فرم شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields {border: 1px solid red}
موارد فرم
آیتم های جداگانه حاوی هر ویژگی فرم
- به عنوان مثال: آیتم فرم (div | مجموعه فیلد ها) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield {border: 1px solid red}
- به عنوان مثال: مورد فرم (div | مجموعه فیلد ها) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield {border: 1px solid red}
کانتی نر فیلد ورودی
ویژگی فرم واقعی را در داخل آیتم حاوی می پیچد.
- به عنوان مثال: محفظه فیلد ورودی (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {border: 1px solid red}
- مثال: محفظه فیلد ورودی (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container {border: 1px solid red}
- به عنوان مثال: محفظه فیلد ورودی (div) – فقط برای فیلد فرم خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه عنصر واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_container {border: 1px solid red}
کانتی نر توضیحات فیلد ورودی
حاوی توضیحات فیلد در داخل آیتم فهرست حاوی است.
- مثال: محفظه توضیحات فیلد ورودی (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {border: 1px solid red}
- مثال: محفظه توضیحات فیلد ورودی (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_description {border: 1px solid red}
- به عنوان مثال: محفظه توضیحات فیلد ورودی (div) – فقط برای توضیحات فیلد خاص اعمال می شود (بر اساس شناسه عنصر والد منحصر به فرد – جایگزین “XX_X” با شناسه عنصر واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_description {border: 1px solid red}
برچسب فیلد استاندارد
- به عنوان مثال: برچسب فیلد استاندارد (برچسب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {color: red}
- مثال: برچسب فیلد استاندارد (برچسب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {color: red}
- به عنوان مثال: برچسب فیلد استاندارد (برچسب) – فقط برای برچسب فیلد خاص اعمال می شود (بر اساس شناسه عنصر والد منحصر به فرد – جایگزین “XX_X” با شناسه عنصر واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_label {color: red}
نشانگر فیلد مورد نیاز (ستاره)
- مثال: نشانگر فیلد الزامی (گستره) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: red}
- مثال: نشانگر فیلد الزامی (گستره) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label .gfield_required {color: red}
- مثال: نشانگر فیلد الزامی (گستره) – فقط برای نشانگر خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه عنصر واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_label .gfield_required {color: red}
فیلد های استاندارد برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
فیلد متن
- به عنوان مثال: فیلد متن استاندارد (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {border: 1px solid red}
- به عنوان مثال: فیلد متن استاندارد (ورودی) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {border: 1px solid red}
- به عنوان مثال: فیلد متن استاندارد (ورودی) – فقط برای فیلد متنی خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield input[type=text] {border: 1px solid red}
فیلد کشویی (انتخاب کنید).
- مثال: فیلد کشویی استاندارد (انتخاب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield select {border: 1px solid red}
- به عنوان مثال: فیلد کشویی استاندارد (انتخاب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield select {border: 1px solid red}
- به عنوان مثال: فیلد کشویی استاندارد (انتخاب) – فقط برای فیلد کشویی خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield select {border: 1px solid red}
قسمت پاراگراف (ناحیه متن).
- به عنوان مثال: فیلد پاراگراف استاندارد (ناحیه متن) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield textarea {border: 1px solid red}
- به عنوان مثال: فیلد پاراگراف استاندارد (ناحیه متن) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea {border: 1px solid red}
- به عنوان مثال: فیلد پاراگراف استاندارد (ناحیه متن) – فقط برای فیلد پاراگراف خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield textarea {border: 1px solid red}
لیست چند گزینه ای (رادیویی).
برای ساختار بندی همه انتخاب های فهرست فردی استفاده می شود
- مثال: فهرست استاندارد چند گزینه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio {border: 1px solid red}
- به عنوان مثال: لیست استاندارد چند گزینه ای (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_radio {border: 1px solid red}
- به عنوان مثال: فهرست استاندارد چند گزینه ای (div) – فقط برای لیست چند گزینه ای خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_radio {border: 1px solid red}
موارد فهرست چند گزینه ای (رادیویی).
انتخاب های لیست فردی
- مثال: آیتم فهرست چند گزینه ای استاندارد (div) – برای همه فرم های نشانه گذاری استاندارد اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio .gchoice {border: 1px solid red}
- مثال قدیمی: آیتم فهرست چند گزینه ای استاندارد (li) – برای همه فرم ها با استفاده از نشانه گذاری قدیمی اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li {border: 1px solid red}
- به عنوان مثال: آیتم لیست چند گزینه ای استاندارد (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_radio .gchoice {border: 1px solid red}
- به عنوان مثال: آیتم فهرست چند گزینه ای استاندارد (div) – فقط برای آیتم فهرست چند گزینه ای خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_radio .gchoice {border: 1px solid red}
ورودی های چند انتخابی (رادیویی).
- مثال: ورودی چند گزینه ای استاندارد (رادیو) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio input[type=radio] {border: 1px solid red}
- به عنوان مثال: ورودی چک باکس استاندارد (رادیو) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_radio input[type=radio] {border: 1px solid red}
- به عنوان مثال: ورودی چک باکس استاندارد (رادیو) – فقط برای ورودی های چند گزینه ای خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_radio input[type=radio] {border: 1px solid red}
فهرست چک باکس
برای ساختار بندی همه انتخاب های فهرست فردی استفاده می شود.
- به عنوان مثال: لیست چک باکس استاندارد (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox {border: 1px solid red}
- به عنوان مثال: لیست چک باکس استاندارد (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_checkbox {border: 1px solid red}
- به عنوان مثال: لیست چک باکس استاندارد (div) – فقط برای لیست چک باکس خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_checkbox {border: 1px solid red}
موارد فهرست چک باکس برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
انتخاب های لیست فردی
- مثال: آیتم فهرست چک باکس استاندارد (div) – برای همه فرم های نشانه گذاری استاندارد اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox .gchoice {border: 1px solid red}
- نمونه قدیمی: آیتم فهرست چک باکس استاندارد (li) – برای همه فرم ها با استفاده از نشانه گذاری قدیمی اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li {border: 1px solid red}
- مثال: آیتم فهرست چک باکس استاندارد (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_checkbox .gchoice {border: 1px solid red}
- به عنوان مثال: آیتم فهرست چک باکس استاندارد (div) – فقط برای آیتم لیست چک باکس خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_checkbox .gchoice {border: 1px solid red}
ورودی های چک باکس
- به عنوان مثال: ورودی چک باکس استاندارد (چک باکس) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox input[type=checkbox] {border: 1px solid red}
- به عنوان مثال: ورودی چک باکس استاندارد (چک باکس) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_checkbox input[type=checkbox] {border: 1px solid red}
- به عنوان مثال: ورودی چک باکس استاندارد (چک باکس) – فقط برای ورودی های لیست چک باکس خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_checkbox input[type=checkbox] {border: 1px solid red}
زمینه های پیشرفته برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
کانتینر فیلد پیشرفته (چند میدانی).
فیلد های مختلف را در بخش های چند فیلدی مانند فیلد های نام، فیلد های آدرس و غیره قرار می‌دهد.
- به عنوان مثال: کانتینر فیلد پیشرفته (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex {border: 1px solid red}
- به عنوان مثال: کانتینر فیلد پیشرفته (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex {border: 1px solid red}
- به عنوان مثال: کانتینر فیلد پیشرفته (div) – فقط برای ظرف خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_complex {border: 1px solid red}
فیلد پیشرفته – قسمت سمت چپ برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
حاوی ورودی های سمت چپ و برچسب های فرعی در قسمت های پیشرفته است.
- به عنوان مثال: فیلد پیشرفته – ظرف سمت چپ (span) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_left {border: 1px solid red}
- به عنوان مثال: فیلد پیشرفته – قسمت سمت چپ (span) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_left {border: 1px solid red}
- به عنوان مثال: فیلد پیشرفته – محفظه سمت چپ (span) – فقط برای محفظه خاص اعمال می شود. (بر اساس شناسه ویژگی اصلی منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_complex .ginput_left {border: 1px solid red}
برچسب فرعی: فیلد پیشرفته _ نگه دارنده سمت چپ
برچسب فرعی زیر ویژگی های سمت چپ در فیلد های پیشرفته
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده سمت چپ (برچسب) – برای همه فرم ها اعمال می شود
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_left label {color: red}
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده سمت چپ (برچسب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_left label {color: red}
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده سمت چپ (برچسب) – فقط برای برچسب فرعی خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_complex .ginput_left label {color: red}
فیلد پیشرفته – نگه دارنده سمت راست
حاوی ورودی های سمت راست و برچسب های فرعی در قسمت های پیشرفته است.
- به عنوان مثال: فیلد پیشرفته – نگه دارنده سمت راست (span) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_right {border: 1px solid red}
- به عنوان مثال: فیلد پیشرفته – محفظه سمت راست (span) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_right {border: 1px solid red}
- به عنوان مثال: فیلد پیشرفته – محفظه سمت راست (span) – فقط برای محفظه خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_complex .ginput_right {border: 1px solid red}
برچسب فرعی: فیلد پیشرفته – نگه دارنده سمت راست
برچسب فرعی زیر ویژگی هایی با موقعیت سمت راست در فیلد های پیشرفته
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده سمت راست (برچسب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_right label {color: red}
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده سمت راست (برچسب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_right label {color: red}
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده سمت راست (برچسب) – فقط برای برچسب فرعی خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_complex .ginput_right label {color: red}
زمینه های پیشرفته – نگه دارنده کامل
شامل ورودی های عرض کامل و برچسب های فرعی در قسمت های پیشرفته است.
- به عنوان مثال: فیلد پیشرفته – نگه دارنده کامل (span) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_full {border: 1px solid red}
- به عنوان مثال: فیلد پیشرفته – نگه دارنده کامل (span) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_full {border: 1px solid red}
- به عنوان مثال: فیلد پیشرفته – نگه دارنده کامل (فضای) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_complex .ginput_full {border: 1px solid red}
برچسب فرعی: فیلد پیشرفته – نگه دارنده کامل
برچسب فرعی زیر ویژگی هایی با عرض کامل در فیلد های پیشرفته
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده کامل (برچسب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_full label {color: red}
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده کامل (برچسب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_complex .ginput_full label {color: red}
- به عنوان مثال: فیلد پیشرفته – برچسب فرعی نگه دارنده کامل (برچسب) – فقط برای برچسب فرعی خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_complex .ginput_full label {color: red}
نگه دارنده زمان – ساعت
شامل قسمت ورودی ساعت و برچسب فرعی است.
- مثال: نگه دارنده زمان – ساعت (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour {border: 1px solid red}
- مثال: نگه دارنده زمان – ساعت (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_hour {border: 1px solid red}
- مثال: نگه دارنده زمان – ساعت (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی خود)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_hour {border: 1px solid red}
فیلد ورودی زمان – ساعت
- مثال: فیلد ورودی زمان – ساعت (ورودی) – برای همه فرم ها اعمال می شود
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour input {border: 1px solid red}
- به عنوان مثال: فیلد ورودی زمان – ساعت (ورودی) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_hour input {border: 1px solid red}
- به عنوان مثال: فیلد ورودی زمان – ساعت (ورودی) – فقط برای فیلد فرم خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی خود)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_hour input {border: 1px solid red}
برچسب فرعی: زمان – ساعت
- به عنوان مثال: برچسب فرعی زمان – ساعت (برچسب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_hour label {color: red}
- به عنوان مثال: برچسب فرعی زمان – ساعت (برچسب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_hour label {color: red}
- به عنوان مثال: برچسب فرعی زمان – ساعت (برچسب) – فقط برای برچسب فرعی خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_hour label {color: red}
نگه دارنده زمان – دقیقه
حاوی فیلد ورودی دقیقه و برچسب فرعی است.
- مثال: نگه دارنده زمان – دقیقه (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_minute {border: 1px solid red}
- به عنوان مثال: نگه دارنده زمان – دقیقه (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_minute {border: 1px solid red}
- به عنوان مثال: نگه دارنده زمان – دقیقه (div) – فقط برای محفظه خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – «XX_X» را با شناسه ویژگی واقعی خود جایگزین کنید.)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_minute {border: 1px solid red}
فیلد ورودی زمان – دقیقه
- مثال: زمان – فیلد ورودی دقیقه (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_minute input {border: 1px solid red}
- به عنوان مثال: زمان – فیلد ورودی دقیقه (ورودی) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_minute input {border: 1px solid red}
- به عنوان مثال: زمان – فیلد ورودی دقیقه (ورودی) – فقط برای فیلد فرم خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_minute input {border: 1px solid red}
برچسب فرعی: زمان – دقیقه
- به عنوان مثال: برچسب فرعی زمان – دقیقه (برچسب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_minute label {color: red}
- به عنوان مثال: زمان – برچسب فرعی دقیقه (برچسب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_minute label {color: red}
- به عنوان مثال: برچسب فرعی زمان – دقیقه (برچسب) – فقط برای برچسب فرعی خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_minute label {color: red}
زمان – نگه دارنده صبح/ظهر
حاوی فیلد ورودی دقیقه و برچسب فرعی است.
- مثال: زمان – ظرف (div) صبح/ظهر – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_ampm {border: 1px solid red}
- به عنوان مثال: زمان – نگه دارنده (div) صبح/ظهر- فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_ampm {border: 1px solid red}
- مثال: زمان – نگه دارنده (div) صبح/ظهر – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی خود)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_ampm {border: 1px solid red}
زمان – انتخابگر صبح/ظهر
- مثال: زمان – انتخابگر صبح/ظهر (انتخاب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_time_ampm select {border: 1px solid red}
- به عنوان مثال: زمان – انتخابگر صبح/ظهر (انتخاب) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_time_ampm select {border: 1px solid red}
- مثال: زمان – انتخابگر صبح/ظهر (انتخاب) – فقط برای فیلد کشویی خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی خود)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_time_ampm select {border: 1px solid red}
تاریخ – فیلد ورودی (گزینه جمع کننده تاریخ)
- به عنوان مثال: تاریخ – فیلد ورودی (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .datepicker {border: 1px solid red}
- به عنوان مثال: تاریخ – فیلد ورودی (ورودی) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .datepicker {border: 1px solid red}
- به عنوان مثال: تاریخ – فیلد ورودی (ورودی) – فقط برای ورودی فیلد تاریخ خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .datepicker {border: 1px solid red}
تاریخ – تصویر آیکون (گزینه تاریخ انتخابگر)
- به عنوان مثال: تاریخ – تصویر آیکون (IMG) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield img {border: 1px solid red}
- به عنوان مثال: تاریخ – تصویر آیکون (IMG) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield img {border: 1px solid red}
- به عنوان مثال: تاریخ – تصویر آیکون (img) – فقط برای ورودی فیلد تاریخ خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield img {border: 1px solid red}
نگه دارنده تاریخ – ماه
شامل فیلد ورودی ماه و برچسب فرعی است.
- به عنوان مثال: نگه دارنده تاریخ – ماه (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_month {border: 1px solid red}
- به عنوان مثال: نگه دارنده تاریخ – ماه (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_month {border: 1px solid red}
- به عنوان مثال: نگه دارنده تاریخ – ماه (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – «XX_X» را با شناسه ویژگی واقعی خود جایگزین کنید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_month {border: 1px solid red}
فیلد ورودی تاریخ – ماه
- به عنوان مثال: فیلد ورودی تاریخ – ماه (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_month input {border: 1px solid red}
- به عنوان مثال: فیلد ورودی تاریخ – ماه (ورودی) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_month input {border: 1px solid red}
- به عنوان مثال: فیلد ورودی تاریخ – ماه (ورودی) – فقط برای فیلد فرم خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی خود)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_month input {border: 1px solid red}
برچسب فرعی: تاریخ – ماه
- به عنوان مثال: تاریخ – برچسب فرعی ماه (برچسب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_month label {color: red}
- به عنوان مثال: تاریخ – برچسب فرعی ماه (برچسب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_month label {color: red}
- به عنوان مثال: برچسب فرعی تاریخ – ماه (برچسب) – فقط برای برچسب فرعی خاص اعمال می شود. (بر اساس شناسه ویژگی اصلی منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_month label {color: red}
تاریخ – نگه دارنده روز
شامل فیلد ورودی روز و برچسب فرعی است.
- مثال: زمان – نگه دارنده روز (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_day {border: 1px solid red}
- مثال: زمان – نگه دارنده روز (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_day {border: 1px solid red}
- به عنوان مثال: نگه دارنده زمان – روز (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – «XX_X» را با شناسه ویژگی واقعی خود جایگزین کنید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_day {border: 1px solid red}
تاریخ – ورودی فیلد روز
- به عنوان مثال: تاریخ – فیلد ورودی روز (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_day input {border: 1px solid red}
- به عنوان مثال: تاریخ – فیلد ورودی روز (ورودی) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_day input {border: 1px solid red}
- به عنوان مثال: فیلد ورودی تاریخ – روز (ورودی) – فقط برای فیلد فرم خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی خود)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_day input {border: 1px solid red}
برچسب فرعی: تاریخ – روز
- به عنوان مثال: تاریخ – برچسب فرعی روز (برچسب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_day label {color: red}
- به عنوان مثال: تاریخ – برچسب فرعی (برچسب) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_day label {color: red}
- به عنوان مثال: تاریخ – برچسب فرعی (برچسب) – فقط برای برچسب فرعی خاص اعمال می شود. (بر اساس شناسه ویژگی اصلی منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_day label {color: red}
تاریخ – نگه دارنده سال
شامل فیلد ورودی ماه و برچسب فرعی است.
- به عنوان مثال: تاریخ – نگه دارنده سال (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_year {border: 1px solid red}
- به عنوان مثال: تاریخ – نگه دارنده سال (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_year {border: 1px solid red}
- به عنوان مثال: نگه دارنده تاریخ – سال (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی اصلی منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی خود)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_year {border: 1px solid red}
فیلد ورودی تاریخ – سال
- به عنوان مثال: فیلد ورودی تاریخ – سال (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_year input {border: 1px solid red}
- به عنوان مثال: فیلد ورودی تاریخ – سال (ورودی) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_year input {border: 1px solid red}
- به عنوان مثال: فیلد ورودی تاریخ – سال (ورودی) – فقط برای فیلد فرم خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی خود شوید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_year input {border: 1px solid red}
برچسب فرعی: تاریخ – سال
- به عنوان مثال: تاریخ – برچسب فرعی سال (برچسب) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_date_year label {color: red}
- به عنوان مثال: تاریخ – برچسب فرعی سال (برچسب) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_date_year label {color: red}
- به عنوان مثال: برچسب فرعی تاریخ – سال (برچسب) – فقط برای برچسب فرعی خاص اعمال می شود. (بر اساس شناسه ویژگی اصلی منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .gfield_date_year label {color: red}
فیلد های (HTML 5)
فیلد ورودی ایمیل (گزینه HTML 5)
- به عنوان مثال: فیلد ایمیل (HTML 5)، (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email] {border: 1px solid red}
- به عنوان مثال: فیلد ایمیل (HTML 5)، (ورودی) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email] {border: 1px solid red}
- به عنوان مثال: فیلد ایمیل (HTML 5)، (ورودی) – فقط برای فیلد ایمیل خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=email] {border: 1px solid red}
فیلد ورودی تلفن (گزینه HTML 5)
- به عنوان مثال: فیلد تلفن (HTML 5)، (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel] {border: 1px solid red}
- به عنوان مثال: فیلد تلفن (HTML 5)، (ورودی) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=tel] {border: 1px solid red}
- به عنوان مثال: فیلد تلفن (HTML 5)، (ورودی) – فقط برای فیلد تلفن خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield input[type=tel] {border: 1px solid red}
فیلد ورودی وب سایت (گزینه HTML 5)
- به عنوان مثال: فیلد وب سایت (HTML 5)، (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url] {border: 1px solid red}
- به عنوان مثال: فیلد وب سایت (HTML 5)، (ورودی) – فقط برای فرم (ID #1) اعمال می شود
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=url] {border: 1px solid red}
- به عنوان مثال: فیلد وب سایت (HTML 5)، (ورودی) – فقط برای فیلد وب سایت خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield input[type=url] {border: 1px solid red}
شکست بخش
نگه دارنده شکست بخش
ویژگی های شکست بخش را در داخل آیتم فهرست شامل می پیچد.
- به عنوان مثال: نگه دارنده شکستن بخش (li) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gsection {border: 1px solid red}
- به عنوان مثال: قسمت شکست نگه دارنده (li) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gsection {border: 1px solid red}
- به عنوان مثال: نگه دارنده شکست بخش (li) – فقط برای نگه دارنده شکست بخش خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – «XX_X» را با شناسه ویژگی واقعی خود جایگزین کنید)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gsection {border: 1px solid red}
عنوان شکست بخش
- مثال: عنوان شکست بخش (h2) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gsection .gsection_title {color: red}
- به عنوان مثال: قسمت نگه دارنده شکست (li) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gsection .gsection_title {color: red}
- به عنوان مثال: نگه دارنده شکست بخش (li) – فقط برای عنوان شکست بخش خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین «XX_X» با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gsection .gsection_title {color: red}
توضیحات شکست بخش
- به عنوان مثال: توضیحات شکست بخش (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gsection .gsection_description {border: 1px solid red}
- مثال: توضیحات شکست بخش (li) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gsection .gsection_description {border: 1px solid red}
- به عنوان مثال: توضیحات شکست بخش (li) – فقط برای توصیف شکست بخش خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gsection .gsection_description {border: 1px solid red}
فیلد های کپچا
نگه دارنده کپچا
نشانه گذاری شخص ثالث به صورت پویا درج شد – حاوی فیلد های فرم کپچا است.
- به عنوان مثال: نگه دارنده کپچا (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_recaptcha {border: 1px solid red}
- مثال: نگه دارنده کپچا (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_recaptcha {border: 1px solid red}
نگه دارنده کپچا (گزینه کپچای ساده)
تصاویر کپچا و عناصر فرم را پیچیده می کند.
- به عنوان مثال: نگه دارنده کپچا (div) – برای همه اشکال اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_captcha_container {border: 1px solid red}
- به عنوان مثال: نگه دارنده کپچا (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_captcha_container {border: 1px solid red}
تصویر کپچا (گزینه کپچای ساده)
- به عنوان مثال: تصویر کپچا (IMG) – برای همه اشکال اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_captcha_container .gfield_captcha {border: 1px solid red}
- به عنوان مثال: تصویر کپچا (IMG) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_captcha_container .gfield_captcha {border: 1px solid red}
فیلد ورودی کپچا (گزینه کپچای ساده)
- به عنوان مثال: فیلد ورودی کپچا (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_captcha_container .gfield_captcha_input_container input {border: 1px solid red}
- به عنوان مثال: فیلد ورودی کپچا (ورودی) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_captcha_container .gfield_captcha_input_container input {border: 1px solid red}
پاورقی فرم
شامل دکمه ارسال و لینک ویرایش مدیریت است.
- به عنوان مثال: بخش فوتر فرم (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_footer {border: 1px solid red}
- به عنوان مثال: بخش فوتر فرم (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_footer {border: 1px solid red}
دکمه ارسال
- به عنوان مثال: دکمه ارسال فرم (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_footer input[type=submit] {border: 1px solid red}
- به عنوان مثال: دکمه ارسال فرم (ورودی) – فقط برای شناسه شماره (1) فرم اعمال می شود.
body #gform_wrapper_1 .gform_footer input[type=submit] {border: 1px solid red}
دکمه ارسال (تصویر)
- به عنوان مثال: دکمه ارسال فرم (تصویر) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_footer input[type=image] {border: 1px solid red}
- به عنوان مثال: دکمه ارسال فرم (تصویر) – فقط برای شناسه شماره (1) فرم اعمال می شود.
body #gform_wrapper_1 .gform_footer input[type=image] {border: 1px solid red}
تایید فرم برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
پیام تایید درون خطی
پس از تکمیل موفقیت آمیز فرم در همان صفحه نمایش داده می شود.
- به عنوان مثال: پیام تایید درون خطی (div) – برای همه فرم ها اعمال می شود.
body .gform_confirmation_message {border: 1px solid red}
خطا های اعتبار سنجی برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
پیام خطای اعتبار سنجی
- به عنوان مثال: پیام خطای اعتبارسنجی (div) – برای تمام فرم های نشانه گذاری استاندارد اعمال می شود.
body .gform_wrapper .gform_validation_error {border: 1px solid red}
- مثال قدیمی: پیام خطای اعتبارسنجی (div) – برای همه فرم ها با استفاده از نشانه گذاری قدیمی اعمال می‌شود.
body .gform_wrapper .validation_error {border: 1px solid red}
- به عنوان مثال: پیام خطای اعتبارسنجی (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .validation_error {border: 1px solid red}
اعتبارسنجی – نگه دارنده خطا
نگه دارنده برای فیلد هایی با مقادیر نامعتبر
- به عنوان مثال: اعتبار سنجی – نگه دارنده خطا (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield_error {border: 1px solid red}
- به عنوان مثال: اعتبارسنجی – نگه دارنده خطا (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield_error {border: 1px solid red}
اعتبار سنجی – پیام توصیف خطا
توضیحات/پیام خطا در زیر ورودی هایی با مقادیر نامعتبر
- به عنوان مثال: اعتبار سنجی – پیام توصیف خطا (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield_error .validation_message {border: 1px solid red}
- به عنوان مثال: اعتبارسنجی – پیام توصیف خطا (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield_error .validation_message {border: 1px solid red}
فیلد های فرم چند صفحه ای
نگه دارنده نوار پیشرفت فرم چند صفحه ای
- به عنوان مثال: نگه دارنده نوار پیشرفت فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar_wrapper {border: 1px solid red}
- به عنوان مثال: نگه دارنده نوار پیشرفت فرم چند صفحه ای (div) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar_wrapper {border: 1px solid red}
عنوان نوار پیشرفت فرم چند صفحه ای
- مثال: عنوان نوار پیشرفت فرم چند صفحه ای (h3) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_title {color: red}
- به عنوان مثال: عنوان نوار پیشرفت فرم چند صفحه ای (h3) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar_wrapper .gf_progressbar_title {color: red}
نوار پیشرفت فرم چند صفحه ای
- به عنوان مثال: نوار پیشرفت فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar_wrapper .gf_progressbar {border: 1px solid red}
- به عنوان مثال: نوار پیشرفت فرم چند صفحه ای (div) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar_wrapper .gf_progressbar {border: 1px solid red}
نوار پیشرفت فرم چند صفحه ای – درصد تکمیل شده
- به عنوان مثال: نوار پیشرفت فرم چند صفحه ای – درصد تکمیل (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_progressbar .gf_progressbar_percentage {border: 1px solid red}
- به عنوان مثال: نوار پیشرفت فرم چند صفحه ای – درصد تکمیل (div) – فقط برای فرم شماره (1) اعمال می شود.
body #gform_wrapper_1 .gf_progressbar .gf_progressbar_percentage {border: 1px solid red}
نگه دارنده مراحل فرم چند صفحه ای
شامل متن مراحل تعریف شده توسط کاربر است.
- مثال: نگه دارنده مراحل فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_page_steps {border: 1px solid red}
- مثال: نگه دارنده مراحل فرم چند صفحه ای (div) – فقط برای فرم (ID #1) اعمال می شود
body #gform_wrapper_1 .gf_page_steps {border: 1px solid red}
مرحله فرم چند صفحه ای
- به عنوان مثال: مرحله فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_page_steps .gf_step {color: red}
- به عنوان مثال: مرحله فرم چند صفحه ای (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gf_page_steps .gf_step {color: red}
مرحله فعال فرم چند صفحه ای
- به عنوان مثال: مرحله فعال فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gf_page_steps .gf_step_active {color: red}
- به عنوان مثال: مرحله فعال فرم چند صفحه ای (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gf_page_steps .gf_step_active {color: red}
صفحه فرم چند صفحه ای
هر مجموعه فیلد «صفحه شده» را می پیچد.
- مثال: صفحه فرم چند صفحه ای (div) – برای (a) اعمال می شود (ll) شکل می گیرد.
body .gform_wrapper .gform_body .gform_page {border: 1px solid red}
- مثال: صفحه فرم چند صفحه ای (div) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page {border: 1px solid red}
پاورقی فرم چند صفحه ای برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
شامل دکمه های صفحه بندی قبلی و بعدی است.
- مثال: پاورقی فرم چند صفحه ای (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_page_footer {border: 1px solid red}
- به عنوان مثال: فوتر فرم چند صفحه ای (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer {border: 1px solid red}
فرم چند صفحه ای – دکمه بعدی
- مثال: فرم چند صفحه ای – دکمه بعدی (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_page_footer .gform_next_button {border: 1px solid red}
- به عنوان مثال: فرم چند صفحه ای – دکمه بعدی (ورودی) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer .gform_next_button {border: 1px solid red}
فرم چند صفحه ای – دکمه قبلی
- مثال: فرم چند صفحه ای – دکمه قبلی (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {border: 1px solid red}
- به عنوان مثال: فرم چند صفحه ای – دکمه قبلی (ورودی) – فقط برای فرم (ID) شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer .gform_previous_button {border: 1px solid red}
فرم چند صفحه ای – دکمه ارسال
- به عنوان مثال: فرم چند صفحه ای – دکمه ارسال (ورودی) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_page_footer .gform_button {border: 1px solid red}
- مثال: فرم چند صفحه ای – دکمه ارسال (ورودی) – فقط برای شناسه شماره (1) فرم اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_page_footer .gform_button {border: 1px solid red}
لیست فیلد ها برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
فهرست نگه دارنده فیلد
(div) فیلد لیست را می پیچد.
- به عنوان مثال: نگه دارنده فیلد لیست (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list {border: 1px solid red}
- به عنوان مثال: نگه دارنده فیلد لیست (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list {border: 1px solid red}
- به عنوان مثال: نگه دارنده فیلد لیست (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_list {border: 1px solid red}
فیلد فهرست برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
ساختار فیلد فهرست که حاوی ورودی های فیلد فهرست است.
- به عنوان مثال: فیلد لیست (div) – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list .gfield_list {border: 1px solid red}
- به عنوان مثال: فیلد لیست (div) – فقط برای فرم (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list .gfield_list {border: 1px solid red}
- به عنوان مثال: فیلد لیست (div) – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield .ginput_list .gfield_list {border: 1px solid red}
فهرست سرصفحه های جدول فیلد برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
سرصفحه ستون ها (برچسب‌ها) را هدف قرار می دهد.
- به عنوان مثال: سربرگ ستون (div) – برای تمام فرم های نشانه گذاری استاندارد اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list .gfield_list_header {color: red}
- مثال قدیمی: سربرگ ستون (th) – برای همه فرم ها با استفاده از نشانه گذاری قدیمی اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list thead th {color: red}
- مثال: سربرگ ستون (div) – فقط برای شکل (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list .gfield_list_header {color:red}
- به عنوان مثال: سر صفحه ستون (div) – فقط برای نگه دارنده خاص اعمال می شود (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list .gfield_list_header {color: red}
لیست ردیف های جدول فیلد برای هدف گذاری سی اس اس در افزونه گرویتی فرمز
ردیف‌های جداول (HTML) را هدف قرار می دهد – برای تعیین اندازه یا ایجاد سبک های ردیف با رنگ متناوب مفید است.
- مثال: ردیف فرد – برای همه فرم ها اعمال می شود
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list .gfield_list .gfield_list_row_odd {border: 1px solid red}
- به عنوان مثال: ردیف با اعداد فرد – فقط برای شکل دادن (ID #1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list .gfield_list .gfield_list_row_odd {border: 1px solid red}
- به عنوان مثال: ردیف با اعداد فرد – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list .gfield_list .gfield_list_row_even {border: 1px solid red}
- مثال: ردیف زوج – برای همه فرم ها اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list .gfield_list .gfield_list_row_even {border: 1px solid red}
- مثال: ردیف زوج – فقط برای شکل (ID #1) اعمال می شود.
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list .gfield_list .gfield_list_row_even {border: 1px solid red}
- مثال: (r) با عدد زوج (ow) – فقط برای نگه دارنده خاصی اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – “XX_X” را با شناسه ویژگی واقعی خود جایگزین کنید)
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list .gfield_list .gfield_list_cell {border: 1px solid red}
سلول های جدول فیلد را فهرست کنید.
سلول های فیلد لیست را هدف قرار می دهد.
- مثال: سلول لیست – برای همه فرم ها اعمال می شود.
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list .gfield_list .gfield_list_cell {border: 1px solid red}
- به عنوان مثال: سلول لیست – فقط برای تشکیل شناسه شماره (1) اعمال می شود.
body #gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_list .gfield_list .gfield_list_cell {border: 1px solid red}
- به عنوان مثال: سلول لیست – فقط برای نگه دارنده خاص اعمال می شود. (بر اساس شناسه ویژگی والد منحصر به فرد – جایگزین “XX_X” با شناسه ویژگی واقعی شما)
body .gform_wrapper .gform_body .gform_fields #field_XX_X.gfield ginput_list .gfield_list .gfield_list_cell {border: 1px solid red}
