This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Reply To: customization for Radio Buttons in Search Settings

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

#23462
sdavissdavis
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;
}