How to break the heading into two lines?

  • gp_mcsi
    Asked on March 29, 2023 at 5:06 AM

    My form id is 212076917601958.

    In the middle section: Additional Drive Options, I have this heading:

    HPE 10TB SAS 12G Midline 7.2K LFF (3.5in) SC 1yr Wty Helium 512e Digitally Signed Firmware HDD or HPE 20TB SAS 12G Business Critical 7.2K LFF SC 1-year Warranty Helium 512e ISE Multi Vendor HDD

    Please advise how to break it into two lines (I tried add <br>, which did not work).

    Thank you!

  • Bruce Project Specialist
    Replied on March 29, 2023 at 6:45 AM

    Hi Guepin,

    Thanks for reaching out to us for help. You can split the header into 2 lines by injecting the CSS code into your form. Let me show you how:

    First, copy the code below:

    @media only screen and (min-width: 720px) {
    #product-name-input_13_1002{
    width: 720px !important;
    }
    }


    Now, let's inject it into your form:

    • In Form Builder, click on the Paint Roller icon on the right side of the page.
    • Under the Styles tab, paste the CSS code you copied into the Inject Custom CSS field.
    • Make sure to click on Save.

    1680086646 6424167611e32  Screenshot 10 After completing the steps above, your form will look like as below:

    1680086719 642416bfbf909  Screenshot 21Let us know if you need any more help.