How Can Edit the Styling of Widgets?

  • Profile Image
    anurupa
    Asked on December 24, 2015 at 01:53 AM

    Using a BMI plugin and I am unable to edit the design CSS. Tried it on my website, Custom CSS of jotform and Custom CSS of the plugin. Can you help

  • Profile Image
    mert
    Answered on December 24, 2015 at 05:05 AM

    Hi there,

    Widget's stylings are independent from the form's, so if you want to change widget's CSS codes, you need to do it in its wizard on "Custom CSS" tab.

     

    To do that,

     

    If you need more information, please don't hesitate to ask.

    Thanks.

  • Profile Image
    anurupa
    Answered on December 24, 2015 at 05:42 AM

    Thank you for reverting... but I have already tried doing this. It doesnt seem to work

  • Profile Image
    mert
    Answered on December 24, 2015 at 08:01 AM

    Actually, it is working; but because of the form caches, you need to save your form twice or refresh the webpage more than once. Below, you can see the customized "BMI Calculator" widget by using "Custom CSS" tab. Its text-box field's background is transparent and the font color is white:

     

    Please, try this one to achieve this problem, then let us know the results.

    Thanks.