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

  • AA_C
    Asked 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

  • Ashwin JotForm Support
    Replied 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!

  • AA_C
    Replied on February 15, 2017 at 1: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.