Replies: 0
Hello,
I’m trying to customize my elementor form radio buttons but I can’t change the checked state.
I format the field but I don’t know how to change the correct field when the radio button is checked
/* Loading bar */
.e-form__indicators__indicator__progress {
border-radius: 25px!important;
border: 1px solid #202020!important;
}
/* Radio BTN */
selector input[type=radio] {
display: none !important;
}
/* field */
.elementor-field-option{
border:1px solid #202020;
padding-left: 12px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 6px;
justify-content: space-between;
display: flex;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 15px;
border-radius: 25px;
}
.elementor-field-option:hover{
border:2px solid #202020;
color: #202020;
}
selector input[type=radio]:checked + .elementor-field-option{
border:2px solid red !important;
color: red !important;
}
/* Container */
selector .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup{
justify-content: space-around;
}
/* Title */
selector .elementor-field-group > label {
color: #202020;
font-size: 22px;
margin-bottom: 15px;
font-weight: 500;
}
How i can fix that ?