CSS On specific Form Fields

  • Profile Image
    allarounddevicerepair
    Asked on May 27, 2017 at 04:18 PM

    I've searched and searched all over the forums and i can't find my answer.

     

    You'll see in my form, i cannot get the name/phone number/email fields to show.  i assume it has something to do with the CSS for labels that i have set for choosing options below.  I've tried to tie the CSS directly to the ID on that form field, but it doesn't work.  

     

    using the ID like this does not work:

     

    #multiSelect-checkbox-30, #input_30_area, #input_30_phone

    {

    background-color: black;

    }

     

    I even tried condensing it to just #input_30 or #input_30_phone.  It still doesn't work...surely there's any easy fix for this. All i want is for the name/number/email fields to match the colors of the rest of the form and be able to be typed in..thanks!

  • Profile Image
    Mike_G
    Answered on May 27, 2017 at 06:17 PM

    The issue you are having is caused by the CSS codes below that is added in your form:

    input { 

      display: none;

    }

    I see that you added that on purpose to hide the radio button input elements in your form. However, please note that the textbox fields in your name, email, and phone number field are also "input" elements.

    To fix the issue, update the code above to what is shown below:

    .form-radio-item input {

    display: none;

    }

    I hope this helps. If you have any other questions regarding this, please let us know and we will be glad to help you.

    Thank you.