How can I center the text of the header?

  • Profile Image
    pocketbooklets
    Asked on June 15, 2011 at 08:48 PM
  • Profile Image
    abajan
    Answered on June 15, 2011 at 09:44 PM

    Hi pocketbooklets

    Thanks for asking. Centering the text of all headers in a form can be be achieved by entering the following code into the Inject Custom CSS section of the Preferences: Setup & Embed > Preferences > Form Styles > Inject Custom CSS:

    .form-header-group {
    text-align:center;
    }

    However, your stating "the header" instead of "a header" leads me to believe that if there are several headers in a form, you want only the main header's text to be centered. That's where specificity comes in because you need to target the content of that particular header via its identity (ID). You would need to check the form's source for that (this is where a tool like Firebug comes in handy). But if it's header_2, here is what the more specific version of the above rule would be:

    #header_2 {
    text-align:center;
    }

    After entering the CSS, click "Close Settings" and save the form.

    Hopefully you find this post useful. If you require any clarification, please feel free to post your query anytime.


    ~ Wayne

  • Profile Image
    carlosgis
    Answered on March 21, 2013 at 01:47 PM

    This surely helps, I would like to have recorded or listed my favorites replies so I can get them in the future!

    good Job!