I'd like to make the main product captions in bold and larger.

  • ResumeProducts
    Asked on January 20, 2020 at 6:15 PM

    2. I'd like to make just the main product captions in bold and larger. How do I do that?

    1579564947Product spacing Screenshot 10

  • David JotForm Support Manager
    Replied on January 20, 2020 at 6:28 PM

    Please indicate with screenshots what are the main products that you want to make bold and larger: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum

  • David JotForm Support Manager
    Replied on January 20, 2020 at 8:05 PM

    Please inject the following code to make them larger and bold: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    /*Code to make the main products bold and larger*/

    #product-name-input_7_1001,#product-name-input_7_1002,#product-name-input_7_1003,#product-name-input_7_1004,#product-name-input_7_1010,#product-name-input_7_1006,#product-name-input_7_1007,#product-name-input_7_1005,#product-name-input_7_1009{

        font-size: 20px !important;

        font-weight: bold !important;

    }

    /*End*/

  • ResumeProducts
    Replied on January 21, 2020 at 3:56 PM

    Whenever I enter code, all of my boxes are lost:


    1579640163Screen Shot 2020 01 21 at 3 Screenshot 10

  • David JotForm Support Manager
    Replied on January 21, 2020 at 5:08 PM

    Hi @ResumeProducts, the code was intended for your form called "Resume Products Order Form": https://www.jotform.com/form/200164161802139 

    In order to accomplish this style on the product categories:

    1579644192this Screenshot 10

    I could not find any form in your account similar to the one you have shared in your screenshot. So, if you are looking to get help to customize another form, please open a new forum thread, provide the form URL and specify the elements that you are trying to customize through CSS code injection.

  • ResumeProducts
    Replied on January 21, 2020 at 6:48 PM

    Okay that worked. The product sections need to be tightened up and separated with the Quantity line indented under the selection—just like in my image above.

     

  • David JotForm Support Manager
    Replied on January 21, 2020 at 10:12 PM

    That request has already been addressed in the following thread: https://www.jotform.com/answers/2124585