I cannot get the section labels to bold or underline using CSS code

  • briankleppe
    Asked on May 2, 2014 at 10:43 PM

    We followed the example on 

    http://www.jotform.com/help/178-%20How-to-Have-a-Sub-Category-Groups-or-Sub-Labels-on-a-Purchase-Order-Form

    But our form does not want to cooperate.

    The following is the code we injected: 

    input[id*="1001"], input[id*="1004"], input[id*="1016"], input[id*="1007"]

    {

    display:none;}

    input[id*="1001”] + label > .form-product-details, input[id*="1004”] + label > .form-product-details, input[id*="1016"] + label > .form-product-details, input[id*="1007"] + label > .form-product-details

    {display:none;}

    #input_110_1001_price,

    #input_110_1004_price,

    #input_110_1016_price,

    #input_110_1007_price {

    display: none;

    }

    label[for*="1001”],label[for*="1004”],label[for*="1016”],label[for*="1007"]

    {font-weight: bold; text-decoration: underline;}

     

    Jotform Thread 371291 Screenshot
  • jonathan
    Replied on May 2, 2014 at 11:56 PM

    Hi,

    Please try replacing your current injected CSS codes on the form https://www.jotform.com/40995610194156   with this one

     http://pastie.org/9135516

     

    input[id*="1001"], input[id*="1004"], input[id*="1016"], input[id*="1007"]

    {

    display:none;}

    input[id*="1001"] + label > .form-product-details, input[id*="1004"] + label > .form-product-details, input[id*="1016"] + label > .form-product-details, input[id*="1007"] + label > .form-product-details

    {display:none;}

    #input_110_1001_price,

    #input_110_1004_price,

    #input_110_1016_price,

    #input_110_1007_price {

    display: none;

    }

    label[for*="1001"],label[for*="1004"],label[for*="1016"],label[for*="1007"] {

    font-weight: bold;

    text-decoration: underline;

    }

     

    I used this on a test form here http://form.jotform.me/form/41218491340448?

    and it work like this

    I cannot get the section labels to bold or underline using CSS code Image 1 Screenshot 30

     

    I found the problem in your code to be the double quote sign(") -- I am not sure why your text input is like that. That is the only part I corrected and it got fixed.

    I cannot get the section labels to bold or underline using CSS code Image 2 Screenshot 41

     

    Hope this help. Inform us if issue remains.

    Thanks!