Center & List Style Checkout Text Fields

[zooky 0]

Hello,

I would like to center and list style all the checkout text fields. 

What would be the best way to achieve this?

Currently its set out to be

firstname                                     last name

email                                            phone

 

I would like it to look like

firstname

lastname

email

phone

Thank you

[Jafar Muhammed 17]

Hey @zooky,

I suggest you not to do that.

Making this sort of alignment will double+ the total height of your checkout page and registration page.

Can you tell us what made you think this way?

[zooky 0]

Hi @Jafar Muhammed thanks for the reply.

I have removed some text fields like "address 2" "company" etc, so I would now rather the rest all be in a list style to make it look neater

 

 

 

[brian! 3111]

4 hours ago, zooky said:

What would be the best way to achieve this?

you'd have to edit checkout.tpl to do what you want - specifically removing the fields that you don't want (ensuring you've made them optional in the settings)... then it might just be a case of the divs from <div class="col-sm-6"> to <div class="col-sm-12">

you could tweak it a little with css, but to make a cleaner design, you will have to edit the template.

[zooky 0]

21 hours ago, brian! said:

you'd have to edit checkout.tpl to do what you want - specifically removing the fields that you don't want (ensuring you've made them optional in the settings)... then it might just be a case of the divs from <div class="col-sm-6"> to <div class="col-sm-12">

you could tweak it a little with css, but to make a cleaner design, you will have to edit the template.

That’ll do me just fine, thank you very much! 😁