What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to make the sub-header-text use custom css code.- RESOLVED

    Asked by AA_C on February 15, 2017 at 10:27 AM

    Hello,

    I need help with injected css code.

    HTML:

    <li id="cid_24" class="form-input-wide" data-type="control_head">

            <div style="display:table;width:100%;">

              <div class="form-header-group hasImage">

                <div class="header-logo">

                  <img src="https://www.jotform.com/uploads/AA_C/form_files/invis-back-aac.png" width="50" class="header-logo-left" />

                </div>

                <div class="header-text httal htvam">

                  <h1 id="header_24" class="form-header" data-component="header">

                    Agility Association of Canada

                  </h1>

                  <div id="subHeader_24" class="form-subHeader">

                    Dog ID Card Registration Form

                  </div>

                </div>

              </div>

            </div>

          </li>

     

    CSS Injected:

    .form-header 

    {

        font-family : 'Benguiat', Arial, sans-serif  !important;

        color : #bb0000 !important;

        font-size : 3.88vh !important;

        font-size : 2.6vw !important;

        text-align: center;

        font-weight : bold !important;

        text-shadow : 2px 2px 3px #777 !important;

    margin: auto auto 3pt auto;

    }

    How do I write injected css code to work with a "#id_subheader_24" .

    This is for form 61013950784960. I want the sub-header-text to be larger, have responsive font-size and centered like the header text.

    I have asked similar questions but there fix will not work here

    Thank you,

    Robert

  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 15, 2017 at 12:41 PM

    Hello Robert,

    Do you want to apply the same custom css code for sub header of form 61013950784960?

    Please inject the following custom css code in your other form:

    div#subHeader_24{

    font-family : 'Benguiat', Arial, sans-serif  !important;

    color : #bb0000 !important;

    font-size : 3.88vh !important;

    font-size : 2.6vw !important;

    text-align: center;

    font-weight : bold !important;

    text-shadow : 2px 2px 3px #777 !important;

    margin: auto auto 3pt auto;

    }

    Hope this helps.

    Do get back to us if you want to some other changes to be added.

    Thank you!

  • Profile Image

    Answered by AA_C on February 15, 2017 at 01:41 PM

    Hello,

    Not exactly the same, what I needed was the div#subHeader_24{ part so I could get to the right text with my injection.... Thank you this will help.

    Regards,

    Robert.