CSS code is showing right in designer, but not in preview or when embedded

  • opxladmin
    Asked on November 19, 2015 at 9:04 PM

    I have changed my column width using....

    .form-checkbox-item {
       width: 250px;
    }

    They display right in designer but not in preview or when embedded. Am I missing something obvious?

    I'm using a theme (I created), it shows right in the theme designer as well, but not the preview.

     

  • Chriistian Jotform Support
    Replied on November 19, 2015 at 9:34 PM

    Hi,

     

    Can you try adding the CSS !important rule to your CSS code so it can override any code that sets your field to a smaller one.

    .form-checkbox-item {
       width: 250px !important;

    }

     

    Do let us know if you need further assistance.

    Regards.

     

  • opxladmin
    Replied on November 20, 2015 at 8:45 AM
    That did the trick, thank you!!!!!
    Gary L Heimstead
    Principle Consultant
    opXL, LLC
    operational.excellence
    412.720.8952
    ...
  • Charlie
    Replied on November 20, 2015 at 9:27 AM

    In behalf of my colleague, you are most welcome.

    Should you need any assistance again, feel free to open a new thread here in the forum.

    Cheers!