Two Two Colum Payment Form Option Not Working

  • Profile Image
    Asked on September 03, 2013 at 02:09 PM

    Hello Team!

    thats my payment form:

    i have added the css code that enables two colums, but when opening the form on a web page it will appear just regular.



  • Profile Image
    Answered on September 03, 2013 at 03:25 PM

    Thank you for contacting us.

    You are missing a closing curly bracket } in your CSS, so that the styles are not processed right.

    .form-all {
    text-align: right;
    direction: rtl !important;
    unicode-bidi: bidi-override !important;
    .form-radio-item {
    float:right; }
    .form-product-item {
    border: 1px solid #EFEFEF;
    margin: 1px;
    float: center;
    width: 293px;
    .form-product-item + br {
    br + b {
    float: left;
    padding-top: 20px;
    .form-payment-total {
    line-height: 50px;
    margin: 1px;
    border: 0px solid #EFEFEF;
    border-radius: 4px;
    padding: 15px;
    padding-right: 193px;
    padding-left: 6px;

    However, please note that we do not have multiple column forms, so mentioned code is just a hack. It means that this will probably not work as expected on every form without additional css fixes.

  • Profile Image
    Answered on September 03, 2013 at 03:31 PM


    you are great! 


  • Profile Image
    Answered on September 03, 2013 at 04:40 PM

    You are quite welcome :)

    Please feel free to contact us anytime.