Гравитационные формы Форма пожертвования Опционные кнопки

Question

Я создаю пожертвование для некоммерческой организации. Форма собственности находится по адресу https://thecommunityproject.org/donate/. Я использую CSS для стилизации радиокнопки в качестве обычных кнопок, но у меня возникает проблема с перемещением других элементов рядом с кнопками параметров. Мне также нужны кнопки, чтобы быть отзывчивыми, как и остальная часть дизайна сайта. Это пользовательский CSS, который у меня есть для переключателей:

input[type=radio] { 
display:none; 
} 

input[type=radio] + label { 
border: none; 
float: left; 
position:relative; 
margin-left: 0.2em; 
background-color: #BCD676; 
border-radius: 0px; 
color: #fff; 
text-decoration: none; 
letter-spacing: 1px; 
font-size: 20px; 
font-weight: bold; 
text-transform: uppercase; 
vertical-align: top; 
padding: 1em 2.0em; 
} 

Спасибо!

Answer 1

float: left; в радио КСС проблема так удалить, что

затем добавить display: inline-block; для этого body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li

однако электронная почта и получить Awsome письма также встраиваемыми поэтому я предлагаю использовать только inline-block для элементов списка с пожертвованием, указать с помощью кредитной карты и paypal. что касается информации о конфиденциальности, вы можете немного подгонять ее, чтобы ее не растягивать.