I would like to move the picture in slightly to align with the others

  • capconnect
    Asked on February 18, 2018 at 4:09 PM

    Hi, are you able to adjust the cell width details for this particular section in line with the others.

    would like to move the picture in slightly to line up with the others.

    I have played around with the %'s but can't seem to move.


    thanks

    Funda

  • jonathan
    Replied on February 18, 2018 at 4:30 PM

    Hi,

    I checked your form and I see it like this on my browser.

    1518989201zzz 2018 02 19 05 Screenshot 10


    Can you please describe more how you wanted the pictures to be lined up? 

    Did you meant perhaps that the images (face pictures)  should be lined up below or above the pictures with words/text (i.e Burnbrae, Thornburg, etc) ?

    We will wait for your response.


  • capconnect
    Replied on February 18, 2018 at 6:43 PM
    Essentially trying to have the company logos roughly in line ( as you scroll down the page) r and the pictures on the RHS also the same distance inside the RHS.
    The cell for the company AXA investment – the picture is further to the RHS than the others. I wasn’t sure how to move that more inwards in line with the others
    ...
  • tina JotForm Developer
    Replied on February 19, 2018 at 6:24 AM

    You can adjust the align by using some custom CSS codes or simply by changing the widths of the image fields.

    You can apply the similar codes with the following ones;

    Please check this guide in order to learn more about the advanced form designer:

    Form Designer Tutorial: Let's create fantastic forms!

     

    In order to shift right the fields you can use the following one:

    #field-id img.form-image{

    left: 10 px;

    }

    In order to shift left the fields you can use the following one:

    #field-id img.form-image{

    right: 10 px;

    }  

    Please note that you should the id of the field instead of field-id.   

    In order to find the id of the field, please find the CSS tab under the Advanced Form Designer. Double click on the image field and you will see the field id on CSS tab as seen below.

    1519039416gif23 Screenshot 10

    You can give desired value to the right or left properties instead of 10 px.



    Or, you can simply change the widths of the image fields as seen in the following gif:

     1519039070gif22 Screenshot 21

     I hope it helps. 

  • tina JotForm Developer
    Replied on February 19, 2018 at 7:14 AM

    I have updated my response. Please check and contact us if you need any further assistance.