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

  • Profile Image
    landregsearches
    Asked 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!

  • Profile Image
    moonzkie
    Answered 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
    landregsearches
    Answered 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
    idarktech
    Answered 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!