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

  • Profile Image
    Asked on November 06, 2012 at 06:45 AM



    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
    Answered on November 06, 2012 at 06:50 AM


    I have already replied regarding this inquiry, to this thread:

    Please refrain from double posting.

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

  • Profile Image
    Answered on November 06, 2012 at 07:02 AM



    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.



  • Profile Image
    Answered on November 06, 2012 at 08:11 AM


    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!