How do I change these radio buttons to black?

  • Profile Image
    AprilRosePhotography
    Asked on February 24, 2016 at 04:06 AM

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

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

  • Profile Image
    BJoanna
    Answered on February 24, 2016 at 04: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;

    }

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

    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.

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

  • Profile Image
    AprilRosePhotography
    Answered on February 25, 2016 at 03: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?

  • Profile Image
    beril
    Answered 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;

    }

    At that time, it will work as expected.

  • Profile Image
    AprilRosePhotography
    Answered on February 29, 2016 at 03:05 PM

    Hi there,

     

    This didn't change it unfortunately. 

     

    https://form.jotform.co/41237950835862

     

  • Profile Image
    BJoanna
    Answered on February 29, 2016 at 04: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. 

    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.