How can I center the text of the header?

What is JotForm?

JotForm is a freeonline form builder which helps you create online forms without writing a single line of code.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

Why do you not want to answer this thread?(Your answer will be sent to Jeanette and Aytekin)

pocketbooklets

Asked on June 15, 2011 at 08:48 PM

JotForm Support

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

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!