Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › customization for Radio Buttons in Search Settings › Reply To: customization for Radio Buttons in Search Settings
June 27, 2019 at 1:53 pm
#23462
Participant
Ernest,
That worked perfect. I just needed to add some code to change the selection dot but I found that earlier in the day how to do that. Please find my complete code below.
/* RADIO STYLES */
/*Radio Box Before Selection*/
div.asp_w.asp_sb.searchsettings input[type=radio]:not(old) {
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background: #DDDDDD;
background-image: none;
border: solid 2px #7b868c;
border-radius: 5px;
}
/*Radio Box After Selected*/
div.asp_w.asp_sb.searchsettings input[type=radio]:not(old):checked{
color: #5B6670;
background: #5B6670;
top: -1px;
}
/*Radio Select*/
input[type="radio"]:checked:before {
content: "";
display: block;
position: relative;
top: 3px;
left: 3px;
width: 5px;
height: 5px;
border-radius: 0;
background: #5B6670;
}
-
This reply was modified 6 years, 11 months ago by
Ernest Marcinko.