aligning images in checkboxes

  • Profile Image
    Asked on April 13, 2014 at 05:00 PM

    Hello...  I would like to know how i can align the images in each of my checkboxes option.

    (I am using multiple images per checkbox!!!)  i want them to look uniform on the form....

    i would also like to know how i can vertically center the text and change the font???  



  • Profile Image
    Answered on April 13, 2014 at 07:04 PM


    I suggest instead of the checkboxes you used wherein you have to hard code in the options all the images URL (this is not recommended because it causes issue with the checkbox) -- try the Purchase Order field instead.


    here is a sample form I did

    You add the images to it like this


    To assign dimensions to the images,I injected this CSS code on the form

    .form-product-details{display: none;}

    .form-product-image {

    height:250px !important;

    width:250px !important;}

    use this guide


    Hope this help. Inform us if you need further assistance.