Fix layout (Stripe)

-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.6.5
-- PHP version -- : 5.6

Currently the payment layout is:



As you can see
1. Month and Year forms are not on the same line
2. "Card validation code" has not the colon ":"
3. Generally the three lines may be separated by a few pixels (3-5 pixel)

I found only how to fix the point 1 removing "display: block" but I don't know how to change permanently because I cannot find where is located the css code




How can I make the changes 2. and 3. ?

Overall, the layout could be better defined and professional.

Hi,

1. and 3. This is because of the CSS of your template.
without looking at the HTML and CSS directly on the page, it's hard to give a precise solution.
Something along those lines should work:
#stripeform input{ display: inline !important;}
#stripeform tr{ margin-top: 5px !important;margin-bottom: 5px !important;}

2. You can use a translation override of the translation CARD_VALIDATION_CODE to add the semi colon.