How do I change these radio buttons to black?

  • AprilRosePhotography
    Asked on February 24, 2016 at 4:06 AM

    How do I change these radio buttons to black? Image 1 Screenshot 20

    Thanks! How do I change these radio buttons to black?

    http://www.aprilrose.co.nz/NEWBORN-questionnaire/

  • BJoanna
    Replied on February 24, 2016 at 4:21 AM

    You can change color of check box options to black by Injecting Custom CSS. Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-checkbox-item label, .form-radio-item label {

    color: #000000!important;

    }

    How do I change these radio buttons to black? Image 1 Screenshot 40

    After you add this code your form will look like this. 

    How do I change these radio buttons to black? Image 2 Screenshot 51

    Here is my cloned form, where I added mentioned CSS code: 

    https://form.jotform.com/60541721061949 

    Feel free to clone it.

    You can also change color of text by selecting Preferences option and inside of Form Styles tab select Font Color and change color to black.

    How do I change these radio buttons to black? Image 3 Screenshot 62

    Hope this will help. Let us know if you need further assistance. 

  • AprilRosePhotography
    Replied on February 25, 2016 at 3:49 AM

    Thank you. 

    Not all fonts in message boxes are the same. In message box "Tell me about your goal(s) for the session (what are you hoping to capture?)" it has a different font. How do I change this to old standard tt?

  • beril JotForm UI Developer
    Replied on February 25, 2016 at 11:05 AM

    Can you add the CSS code below from designer?

    .form-textarea.custom-hint-group {

    font-family: "Old Standard TT", sans-serif;

    }

    How do I change these radio buttons to black? Image 1 Screenshot 20

    At that time, it will work as expected.

  • AprilRosePhotography
    Replied on February 29, 2016 at 3:05 PM

    Hi there,

     

    This didn't change it unfortunately. 

     

    https://form.jotform.co/41237950835862

     

  • BJoanna
    Replied on February 29, 2016 at 4:22 PM

    Please add this CSS code to your form:

    .form-textarea {

        font-family : "Old Standard TT", sans-serif!important;

    When you add this code text inside of text area fields should look like this. 

    How do I change these radio buttons to black? Image 1 Screenshot 20

    Here is my form where I added mentioned CSS code: https://form.jotform.com/60596398986985 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.