Change width of Shipping and Payment Method boxes

Can you tell me where in css I can change the size of the Payment method and Shipping Method boxes. I'd like them to be the same overall size as the two boxes above. Can you also please tell me how in css I can move the text in the Payment Method box to either below the card symbols, or further to the left of the card symbols.

Thanks!

Hi IanK,

To resize the Payment and Shipping boxes size, edit the classes: in HikaShop > Configuration > Display.

To move the text in the payment method box, you can edit the view "checkout / payment" in HikaShop > Display > Views. and change the order of the elements.

Thanks Xavier!

I've made the boxes a bit smaller, but now, I need to move the 'next' button over a bit. I've tried a few changes in the css, but obviously have not found the right one.
I also cannot find in the php file "checkout / payment" in HikaShop > Display > Views exactly where to change to put a space between the card icons and the text
immediately beside it.

Your help again would be appreciated.

For the "next" button, you can change the class ".hikashop_cart_button{}" and change, for example, the margin.

In the php file "checkout / payment", you can place the line: between <td> tags just after the lines:
Or just add a margin-left property in the <td> tag to add a space on the left of the payment name.