How do I style the Main Headers/Subheaders and Section Headers/Subheaders in the form?

  • Profile Image
    lritter
    Asked on October 03, 2018 at 10:02 AM

    I've created a Main Header and Main Subheader at the very top of the form.

    I've also created 'Section' Headers, throughout the form. These work great.

    Now, I would like to customize the 'Section' Subheaders. It seems like I need to 'override' the Main Subheader CSS in order to customize the Section Subheaders. I've tried, but no luck. 

    Thoughts?


    1538575103screen shot.png

  • Profile Image
    Welvin
    Answered on October 03, 2018 at 11:50 AM

    Use the ID to customize each item. Use the following:

    Equipment Program - Verification = h1#header_147

    Proper Pallet Unloading and Loading of the CP30 = div#subHeader_147

    Step 1 Verification = h1#header_137

    Pre-Shipment = div#subHeader_137


    To get the IDs, use Inspect Element in your browser. Guide: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

  • Profile Image
    lritter
    Answered on October 04, 2018 at 11:33 AM

    I'm close, but still not getting the desired results. 

    This first screen shot shows what I see in Build Mode.

    1538667161Screen shot in Build Mode.jpg

    The second screen shot below, shows the results in Preview Mode.

    1538667206Screen shot in Preview Mode.jp

  • Profile Image
    lritter
    Answered on October 05, 2018 at 10:55 AM

    Super! Working great. Thank you!