What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

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.


  • Profile Image

    How to align the label and image to center?

    Asked by Benflips on January 10, 2017 at 11:21 PM
    If we do find a workaround to this (and are still using the YouTube widget)...can you also tell me how to centre the label above the video screen? Currently it is set to TOP which is of course aligned to the left margin.
  • Profile Image
    JotForm Support

    Answered by Kiran on January 10, 2017 at 11:32 PM

    If you are referring to the text label above the video, it can be centered by injecting the following CSS code to your form.

    #label_538 {

        text-align: center;

    }

    Hope this information helps! 

  • Profile Image

    Answered by Benflips on January 16, 2017 at 06:51 AM

    I have instead put a text box underneath the video, and added into that text box both the hint text and an image hosted on my website.

    I have tried to align both the text and image to centre, and this works in designer view, but as soon as I go to preview, the picture reverts to left aligned.

    I tried right-aligning both elements (text and image) and that seemed to 'stay' right aligned when I went to preview.

    Can you help me keep the image centred, or advise if this is not possible?

  • Profile Image
    JotForm Support

    Answered by Helen on January 16, 2017 at 07:21 AM

    Hi,

    Thank you for contacting us.

    You must add these custom CSS codes into your form for aligning your image to center:

    img{

        margin-left: auto;

        margin-right: auto;

        display: block;

    }

    I have cloned your form test it on my side. Here is a result after I injected these CSS codes:

    Here is a guide helps to you for injecting custom CSS codes into your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you have any questions or issue, feel free contact us.