How to align the label and image to center?

  • Benflips
    Asked 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.
  • Kiran Support Team Lead
    Replied 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.

    How to align the label and image to center? Image 1 Screenshot 20

    #label_538 {

        text-align: center;

    }

    Hope this information helps! 

  • Benflips
    Replied on January 16, 2017 at 6: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?

  • Helen
    Replied on January 16, 2017 at 7: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:

    How to align the label and image to center? Image 1 Screenshot 20

    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.