Form header address is not displaying properly

  • mojo2016
    Asked on April 2, 2018 at 11:15 AM

     

    I have this in the build form, As you can see the address of 10260 Ravenna Rd Twinsburg, OH 44087 shows up on the one line. I need it to be broken out in two separate lines like this:

    https://www.jotform.com/build/80914274276966

     

    10260 Ravenna Rd.

    Twinsburg, OH 44087

     

    This is what I have in the CSS field but it doesn’t work.

     

    #subHeader_33:after {

        content : "10260 Ravenna Rd

        Twinsburg, OH 44087";

        position : absolute;

        margin-top : 20px!important;

        margin-left : -195px!important;

    }

    1522682499Jot From Image Screenshot 10 

     

     

     

    A new response has been received:

  • John_Benson
    Replied on April 2, 2018 at 12:43 PM

    Please remove the previous custom CSS code and use this new custom CSS code:

    #subHeader_33:after {

    content : "10260 Ravenna Rd Twinsburg, OH 44087" !important;

    position : absolute !important;

    margin-top : 20px !important;

    margin-left : -195px !important;

    }

    Result of my test form:

    1522687783Res2 Screenshot 10

    I hope this helps. 

  • mojo2016
    Replied on April 2, 2018 at 2:51 PM

    How can I get this part Twinsburg, OH 44087 underneath 10260 Ravenna Rd.


    So it looks like this

    10260 Ravenna Rd.

    Twinsburg, OH 44087

    no space between the two though

  • John_Benson
    Replied on April 2, 2018 at 3:48 PM

    Please add this custom CSS code:

    #subHeader_33:after {

    width: 30% !important;

    }

    Here's the result of my test form:

    1522698447Test2 Screenshot 10