قرار دادن چک باکس فرم ساز دیوی به صورت افقی

نکته ای که بسیاری از افراد از آن سوال می کنند این است که چگونه جعبه های انتخابی Divi Contact Form و دکمه های رادیویی را بجای عمودی انباشته به صورت افقی بصورت افقی بکشید. موافقم که داشتن لیست گزینه ها و فضای سفید بزرگ در سمت راست بسیار زشت است ، بنابراین این راه حل این مسئله را حل می کند. من همچنین چند تنظیم سبک دیگر را نیز در قسمت دوم قطعه تنظیم کردم.

برای به دست آوردن این اثر ، کافی است قطعه CSS را در کادر Divi> Theme گزینه> کادر CSS سفارشی کپی و اعمال کنید.

/*make Divi contact form check boxes and radio buttons inline*/
.et_pb_contact_field_checkbox, .et_pb_contact_field_radio {
display: inline-block!important;
margin-right: 30px;
}
/*add some adjustments to the check boxes and radio buttons*/
.et_pb_contact p input[type=”checkbox”] + label i, .et_pb_contact p input[type=”radio”] + label i, .et_pb_subscribe .et_pb_contact_field input[type=”checkbox”] + label i, .et_pb_subscribe .et_pb_contact_field input[type=”radio”] + label i {
width: 22px;
height: 22px;
margin-right: 6px;
margin-top: -4px;
background-color: #ffffff;
border: 2px solid #666666!important;
}

اکنون کادرهای چک و دکمه رادیویی شما در فرم تماس با Divi به جای انباشته به صورت افقی بصورت افقی خواهند بود!

انتهای مطلب/ لینک منبع