Change the font color of the Driving Distance widget

  • fazzapp
    Asked on April 15, 2024 at 2:58 PM

    Hello,

    Please someone send to me the CSS code to change that font color from black to white (red rectangle) ?
    That is the Travel Distance widget in my form: https://form.jotform.com/240736343582054

    Change the font color of the Driving Distance widget Image 1 Screenshot 20



    Thanks,
    Carlos M.

  • Jovanne JotForm Support
    Replied on April 15, 2024 at 6:12 PM

    Hi Carlos,

    Thanks for reaching out to Jotform Support. You can add this CSS code below to your widget to change the font color:

    div#ddResult {
      color: white !important;
    }

    Adding this CSS code to your widget is easy. Let me show you how:

    • In your Form Builder, click the Driving Distance widget.
    • Click the Widget Settings and hit the Custom CSS tab.
    • Copy the CSS code above and paste it then click the Update Widget button.

    Change the font color of the Driving Distance widget Image 1 Screenshot 30

    Here is the result:

    Change the font color of the Driving Distance widget Image 2 Screenshot 41

    Give it a try and let us know how it goes.

  • fazzapp
    Replied on April 16, 2024 at 7:34 AM

    Thank you so much.

    One more thing,

    I need to change the text inside the CHANGE button to REFAZER. Please, help me on that too.
  • Jovanne JotForm Support
    Replied on April 16, 2024 at 7:54 AM

    Hi Carlos,

    As for your other question, I've moved that to a new thread. You can check that out here.

    Let us know if you have any other questions.

 
Your Answer