How Can Edit the Styling of Widgets?

  • anurupa
    Asked on December 24, 2015 at 1: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

    Page URL: http://indiagaterice.com/2016/01/01/pledge-to-active/
  • mert JotForm UI Developer
    Replied on December 24, 2015 at 5: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,

    How Can Edit the Styling of Widgets? Image 1 Screenshot 20

     

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

    Thanks.

  • anurupa
    Replied on December 24, 2015 at 5:42 AM

    Thank you for reverting... but I have already tried doing this. It doesnt seem to workHow Can Edit the Styling of Widgets? Image 1 Screenshot 20

  • mert JotForm UI Developer
    Replied on December 24, 2015 at 8: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:

    How Can Edit the Styling of Widgets? Image 1 Screenshot 20

     

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

    Thanks.