Payment Forms: Credit card fields are not aligned properly

  • Profile Image
    Asked on April 04, 2016 at 02:27 PM

    can u help me line these boxes up its not working...... :( see attached screenshot I tried to make.


    last,  security and expiration need lining up




    yellow line by the " / " line means a space.


    and the circled dash needs a space too on the RH side please.




  • Profile Image
    Answered on April 04, 2016 at 05:40 PM

    To hide the phone separator element you can use the next CSS.

    .phone-separate {
    display : none;

    Unfortunately, we cannot easily style the Credit Card related fields since they do not have unique classes on them at the moment. I have submitted a ticket about this issue and forwarded it to our developers for consideration.

    We will let you know if we have any updates.

  • Profile Image
    Answered on April 11, 2016 at 11:25 PM

    any update??? I've been waiting with no response?

    I do not want to remove dash just make a space, like I was saying above, after the dash there needs a space.

  • Profile Image
    Answered on April 12, 2016 at 03:29 AM


    Unfortunately we have not heard from the developers yet. This has been assigned to a specific developer already, but our development team have been extremely busy recently to which why this has not been addressed as of yet. But as soon as we have updates on this, we'll inform you right away.

    Thanks for your patience and we apologize for this inconvenience.

  • Profile Image
    Answered on April 12, 2016 at 04:38 PM