Return to previous page

Checkout page address table not aligned - by Michael

This topic has 12 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

Michael

Participant

July 8, 2015 at 02:02

Hi,

On the checkout page the Shipping Details table does not sit directly below the Billing/Contact table.

I previously worked out how to fix this but since updating to the latest version of WPEC it’s occurring again and my previous CSS fix doesn’t work.

There’s some custom CSS for the checkout page used on the site but removing it doesn’t fix the problem.

You can see the problem at http://firstclassvitamins.co.nz when viewing the checkout page (checkoutstep2)

Can you please help with this.

Regards,
Mike.

#73804 Copied Theme version: 3.1

11 Answers
Jack Richardson

Support staff

July 8, 2015 at 14:34
Hello,

Please add this code in custom.css file:
```
table.wpsc_checkout_table.table-2 td {
  padding-right: 0px !important;
}
```
Best regards,
Jack Richardson.
#73960 Copied
Michael

Participant

July 9, 2015 at 10:44

Hi Jack,
I’ve tried the CSS out in the staging test site.

It’s moved the shipping table a little to the left (one character I think) but its not far enough.

See the private content for the staging site access details.

Regards,
Mike.

Please, contact administrator
for this information.

#74188 Copied
Jack Richardson

Support staff

July 9, 2015 at 13:18
Hello,

Try to add this code too:
```
table.wpsc_checkout_table.table-2 td {
   padding-left: 8px !important;
}
```
Best regards,
Jack Richardson.
#74273 Copied
Michael

Participant

July 10, 2015 at 15:14

Hi Jack,
As requested I added the CSS to the staging site. It’s closer to being aligned but still not quite right.

Given the two tables seemed to be ‘acting’ differently I looked into the WPEC back-end checkout forms. One had a State field and one did not.

I adjusted the checkout form in the WPEC back-end settings so both tables had a State field then set them to not display. I’m pretty sure it’s not needed/used for New Zealand – but I’ll need to check with the sites operator tomorrow. This made the two tables the same layout in the back-end settings.

Now when looking at the checkout page on the staging site (and with the CSS removed) the billing and shipping tables have become correctly aligned. I’ll test it more fully tomorrow but its looks good so far.

Thanks for your help,
Mike.

#74534 Copied

Jack Richardson

Support staff

July 11, 2015 at 09:10

Hello,

So is your issue resolved?

Best regards,
Jack Richardson.

#74655 Copied

Michael

Participant

July 13, 2015 at 07:32

Hi Jack,

I have/had this issue with all three of my Blanco e-commerce sites.

With two of them fixing an ‘issue’ with the checkout forms in the WPEC settings back-end fixed the shop checkout page table alignment problem. I didn’t need to use the CSS above for these two sites.

Unfortunately one (staging5) still has a problem. It doesn’t appear to have the same back-end layout issue with the WPEC store-settings checkout form the other two had. I added your two pieces of CSS above but they haven’t helped.

If you go to the staging site detailed in the private content section you’ll see that the shipping table is not sittng under the billing table.

Regards,
Mike.

Please, contact administrator
for this information.

#74736 Copied Theme version: 3.1

Jack Richardson

Support staff

July 13, 2015 at 10:37

Hello,

Please provide us with WP Dashboard credentials for the staging5 site in private content.

Best regards,
Jack Richardson.

#74788 Copied

Michael

Participant

July 13, 2015 at 10:51

See private content for access details.

Please, contact administrator
for this information.

#74795 Copied
Jack Richardson

Support staff

July 14, 2015 at 14:35
Hello,

I’ve added this code in your custom css block for staging5 site:
```
table.wpsc_checkout_table.table-2 td {
  padding-right: 0px !important;
}
table.wpsc_checkout_table.table-2 td {
   padding-left: 8px !important;
   width: 107px !important;
}
```
Please clear browser cache and check your site now.

Best regards,
Jack Richardson.
#75147 Copied
Michael

Participant

July 15, 2015 at 09:18

Hi Jack,
I had to make the width 120px for it to line up.

It seems OK now although I can’t test it on a mobile as it requires a hosts file update to resolve the site and I don’t know how to do that on android.

Please go ahead and close this topic. If there’s any issue on mobiles/tables after the site goes live I’ll open a new topic.

Thanks,
Mike.

#75305 Copied

Jack Richardson

Support staff

July 15, 2015 at 10:50

Hello,

You are welcome.
Let us know if you need more help.

Best regards,
Jack Richardson.

#75328 Copied
Tagged: address, aligned, checkout, page, table, themes, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)