Return to previous page

Checkout Fields misalignment - by misswp

This topic has 9 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Eva Kemp

misswp

Participant

March 20, 2015 at 07:17

Still loving your theme.

I am testing many woocommerce plugins to custom the checkout page, and each and every one shades out the payment column on the right. So I deactivate those and they are fine, then any plugins to do with custom field messes up the default field alignment (screenshot).

I need a fix for this
Thank you in advance,

Please, contact administrator
for this information.

#51076 Copied

8 Answers

Robert Hall

Support staff

March 20, 2015 at 08:29

Hello,

The problem causes Woocommerce Easy Checkout Fields Editor plugin. Please disable it and checkout fields will be look fine.
Also please update your theme to the latest version.
Here is video tutorial how to update theme:
https://www.youtube.com/watch?v=KdWESIIPU1k

Regards,
Robert Hall.

#51086 Copied

misswp

Participant

March 20, 2015 at 09:08

Thanks Robert. I know what is causing it. I need to know how to fix the theme conflict with it?

Ta.

#51091 Copied

Robert Hall

Support staff

March 20, 2015 at 09:26

Hello,

In this case you need contact to WooCommerce support team and their specialists will look at this issue more deeply.

Regards,
Robert Hall.

#51099 Copied

misswp

Participant

April 13, 2015 at 22:51

Hi Robert,

Thanks for your reply. The plugin is working fine now after my fine tuning of the settings. WooThemes have directed me back here, telling me it’s the theme.
I have tried 7 different stripe plugins (some quite expensive!), they all do the same thing. It’s the css. The plugin is fine on my own website checkout page.

Can you tell me the exact CSS to get the payment information fields to line up like the attached screenshot?

Screenshot links & further details as below in ‘private’

Please, contact administrator
for this information.

#56652 Copied Theme version: 1.08 WooCommerce version: 2.3.7
Eva Kemp

Support staff

April 14, 2015 at 09:57
Hello,

Please try to add this code in style.css of your child theme:
```
.payment_methods p {
    margin-left: 0px !important;
}
```
Thank you.
Regards,
Eva Kemp.
#56742 Copied
Robert Hall

Support staff

April 14, 2015 at 10:01
Hello,

I’ve added following code in style.css of the Child Theme. Please check.
```
.payment_methods p {
  margin-left: 0px;
}
```
Regards,
Robert Hall.
#56745 Copied
misswp

Participant

April 15, 2015 at 01:47

Hi Eva & Robert,

Thanks so much! It is perfect. So simple, now why didn’t I think of that? 😀

#56962 Copied

Eva Kemp

Support staff

April 15, 2015 at 10:27

Hello,

You’re welcome.

Regards,
Eva Kemp.

#57032 Copied
Tagged: checkout, fields, misalignment, themes, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)