What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Radio Button Options as Images - Images are too close to each other and over lap a little.

    Asked by landregsearches on November 06, 2012 at 06:45 AM

    Hello,

     

    I have radio buttons as images as the option, but there is no gap between the images and over lap a little.

     

    I know I can change these images into 4 colums but I want them side by side. How do I add a small gap between each image?

     

    Thanks in advance!

    Page URL:
    http://www.santaspostoffice.co.uk/#/order-letter-from-santa/4570367157

  • Profile Image

    Answered by moonzkie on November 06, 2012 at 06:50 AM

    Hi,

    I have already replied regarding this inquiry, to this thread: http://jotform.me/answers/145019-Radio-button-not-appearing-correcly-when-inserted-on-website#0

    Please refrain from double posting.

    Thank you. If you have other questions or concerns, feel free to contact us anytime.

  • Profile Image

    Answered by landregsearches on November 06, 2012 at 07:02 AM

    Hello,

     

    This is a different issue, my orginal post was about how to put images as options, this question is about how to add gaps between my image options as they over lap slightly.

     

    Regards,

  • Profile Image
    JotForm Support

    Answered by idarktech on November 06, 2012 at 08:11 AM

    @landregsearches

    Modify your existing CSS codes to this:

    .form-radio-item {

    width: 25%;

    padding: 0 20px;

    }

     

    As a result:


    Let us know if this isn't what you want to be. Thanks!