How to align the label and image to center?

  • Profile Image
    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.
  • Profile Image
    Kiran
    Answered 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
    Benflips
    Answered 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
    Helen
    Answered 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.