One row and center align

  • rosang1
    Asked on November 1, 2021 at 1:06 PM

    Hi,

    How do I get this text on one row and in center below these two fields?

    1635786363 61801e7b13af1  Screenshot 10

  • Amos_W
    Replied on November 1, 2021 at 4:25 PM

    Hi there,

    So just to be clear,

    Do you want that text message to be more central?

    Anyhow, any styling manipulation can be easily achieved using CSS

    Please have a look at the following article

    https://www.jotform.com/help/117-how-to-inject-custom-css-codes/

    If you need any further assistance, please let us know

    Thank you

  • rosang1
    Replied on November 1, 2021 at 4:30 PM

    Yes, I want the text to be in the center and on one row - not two as it is right now :)

  • Laura JotForm Support
    Replied on November 1, 2021 at 7:48 PM

    Hi,

    Thank you for the clarification.

    It seems that you have made some changes to the form, this is how the text looks currently:

    1635810439 61807c87bb081 text2 Screenshot 10

    Can I confirm if this is the text that you want to put between the fields?
    Please confirm, and we will then create the CSS code for you.

  • rosang1
    Replied on November 2, 2021 at 12:13 AM

    No it is there but very small. It is a message from the spreadsheet to form widget. You will be able to se it of you put in 556811-8334 in the field callled ”Organisationsnummer*”

  • Nikola JotForm Support
    Replied on November 2, 2021 at 5:38 AM

    Please add the following CSS code to the widget:

    div#message {

      width: 300px!important;

    }

    Related Guide: How to Inject CSS Codes to Widgets

    And this CSS code to the form:

    iframe#customFieldFrame_487 {

      max-width: 300px!important;

    }

    Related Guide: How to Inject Custom CSS Codes

    1635845851 618106db204ad css Screenshot 10