نکته ای که بسیاری از افراد از آن سوال می کنند این است که چگونه جعبه های انتخابی 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 به جای انباشته به صورت افقی بصورت افقی خواهند بود!
انتهای مطلب/ لینک منبع
آخرین دیدگاهها