Custom CSS code for vertical align text (90 degrees)

  • keedme
    Asked on May 7, 2014 at 1:41 AM

    I need help to change the horizontal text align of my form to vertical, just as the picture shows. I supposed that I must insert some CSS code but I´m not an expert in that area so I really appreciate your help.

    Jotform Thread 372899 Screenshot
  • Jim_Rank
    Replied on May 7, 2014 at 3:24 AM

    Hello @Keedme,

    Thanks for your question.I have checked your Form and tried to make how you wanted.Just i made a clone of your Form.Just take a look-

    https://secure.jotformpro.com/form/41261216745955

     

    If you want that your Form should look like then Tell us,We can make it OR you can make by injecting Custom CSS Code Setup&embed>Prefereces>Form Styles.Take a look-

     

    Custom CSS code for vertical align text (90 degrees) Image 1 Screenshot 20

    If you need any help in further,fell free to tell us.

    Thanks@Jim_Rank

  • keedme
    Replied on May 7, 2014 at 8:28 AM

    Thanks Jim, but I check the clone form that you made and the text still continue horizontal:

    Custom CSS code for vertical align text (90 degrees) Image 1 Screenshot 30

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    this is what I'm looking for: a text vertical orientation:

     

    Custom CSS code for vertical align text (90 degrees) Image 2 Screenshot 41

  • Welvin Support Team Lead
    Replied on May 7, 2014 at 10:58 AM

    Please use the following custom CSS codes instead: http://pastiebin.com/536a49ffaf14e. Example result: http://www.jotformpro.com/form/41264202927955

    Thanks

  • Jim_Rank
    Replied on May 7, 2014 at 11:16 AM

    Hello @keedme,

    I got the problem.You couldn't see it well because you were using Chrome browser.Sorry for that I didn't make it for all browser.Now I make it.just take a look, See Is it works for you.

    https://secure.jotformpro.com/form/41261216745955

    just you  have to make it browser compatible by following code-

    -ms-transform:rotate(270deg); /* IE 9 */ -moz-transform:rotate(270deg); /* Firefox */ -webkit-transform:rotate(270deg); /* Safari and Chrome */ -o-transform:rotate(270deg); /* Opera */

    If you need any help in further,please inform us.

    Thanks@Jim_Rank

     

  • keedme
    Replied on May 7, 2014 at 11:36 AM

    Thanks Welvin and Jim, 

     

    Best regards