How can I change the style of the Other Radio Button?

Hello,

I've styled my radio buttons, but the radio button for "Other" in the same element is not inheriting the new style. How do I change this?

Many thanks

To style the Other Radio Button, inject the following CSS codes:

.form-checkbox-other, .form-radio-other {

    visibility : hidden !important;

}

.form-checkbox-item:not(#foo) input[type="checkbox"], 

.form-radio-item:not(#foo) input[type="radio"] {

    visibility: hidden;

}

.form-radio-item:not(#foo) label:after,

.form-radio-item:not(#foo) label:before {

  border-radius: 50%;

}

.form-checkbox-item:not(#foo) label:after,

.form-checkbox-item:not(#foo) label:before {

    border-radius : 0;

}

.form-radio-item:not(#foo) label:before,

.form-checkbox-item:not(#foo) label:before  {

  border-width:2px;

}

.form-radio-item:not(#foo),

.form-checkbox-item:not(#foo){

margin-bottom: 0;

position: relative;

}

/*-------------custom radio--------------*/

.form-radio-other:before {

  content: '';

  position: absolute;

  display: inline-block;

  vertical-align: baseline;

  margin-right: 4px;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  border: 2px solid #000;

  left: 4px;

  width: 18px;

  height: 18px;

  cursor: pointer;

  visibility: visible;

  margin-top: -16px;

}

.form-radio-other:after {

  content: '';

  position: absolute;

  z-index: 10;

  display: inline-block;

  opacity: 0;

  top: 8px;

  left: 8px;

  width: 10px;

  height: 10px;

  background-color: #000;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  cursor: pointer;

  visibility: visible;

}

.form-radio-other:checked:after {

  opacity: 1;

  visibility: visible;

}

RESULT:

I could not see the attached image as the Attachments in the email response donot become part of the thread.

To attache image login to forum at jotform.com, navigate to your thread and take following steps : 

1. Click on Insert/Edit image button

2. Click on the "Upload" button

3. Click on Choose File and look in your local folders.

4. Click on Submit

Hope this helps.

Since this is now a different topic, I moved your last question to a separate thread https://www.jotform.com/answers/1096086

We'll have it addressed there shortly.