How to shrink and move text next to the image

  • naturalgaspa
    Asked on October 3, 2014 at 5:07 PM

    form id: 42576257346967

     

    I need to move the text above the top tab with the image 

     

    How to shrink and move text next to the image Image 1 Screenshot 20

  • Ben
    Replied on October 3, 2014 at 6:50 PM

    Hi,

    I have made some adjustments in CSS to show the Text field right next to the image.

    How to shrink and move text next to the image Image 1 Screenshot 20

    You can see the jotform with the style applied here: http://form.jotformpro.com/form/42756908115964

    If you want to clone it to your own account you can do that by following these steps on how to Clone an Existing Form from a URL.

    This is the CSS that I have added to the clone of your jotform:

    .form-line.form-line-column.form-col-1.form-line-column-clear {
    left: 320px;
    margin-bottom: -160px;
    position: relative;
    top: -160px;
    width: 620px;
    }

    You can inject it to your jotform by following these steps here: Inject Custom CSS Codes

    You will of course need to do the same that you did with the images, adding them several times, then applying same/similar style to each.

    Do let me know if that is what you wanted to achieve.

    Best Regards,
    Ben

  • naturalgaspa
    Replied on October 3, 2014 at 6:55 PM

    awesome fixed thanks!