Return to previous page

Calculate Shipping Price layout issues at Blanco 3.5

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

Michael

Participant

March 22, 2016 at 10:49

Hi,
I’m running WordPress 4.4.2, WPEC 3.11.2 with Blanco 3.5 on a testing site.

Looking at the checkout page it seems there are a couple of layout/formatting issues.

(1) Within The Calculate Shipping Price section the Country dropdown field is cutting off the bottom of the selected country name.

(2) The Calculate Shipping Price section is mostly floating to the right but it should be on the left. Because it’s on the right it clashes with both the “Total Shipping” and “Total Price” (on first entry to the checkout page) and on the “Enter your email address” section if you update the Shipping Details country or state/province fields.

(3) The “Tax Included” total is also floating weirdly over on the right.

I’ve tested this on a new install using Blanco 3.5 and the same layout problems exist. I also tested this with other themes – Divi, TwentySixteen and Make – and the problems do not appear with them.

The website and access details are in the Private Content below.

Thanks,
Mike.

Please, contact administrator
for this information.

#118391 Copied Theme version: 3.5

7 Answers
Eva Kemp

Support staff

March 22, 2016 at 15:49
Hello,

1. Please add this code in custom.css:
```
#change_country select {
    height: 34px !important;
}
```
2. As I see “Calculate Shipping Price” section is on the left, not on the right:
http://storage4.static.itmages.com/i/16/0322/h_1458658114_8334146_9d0c2cbbcc.png
Please show on a screenshot what you want to change.

3. Also please show on a screenshot what exactly needs to be changed.

Thank you.
Regards,
Eva Kemp.
#118441 Copied
Michael

Participant

March 22, 2016 at 23:18

Hi Eva,

It’s not the “Calculate Shipping Price” title that is in the wrong place it’s the (variable) data that appears under it.

See the private content section below for links to images of the data that is displayed on the right when it should be on the left. Blanco seems to be the only theme I tested that displays that data on the right hand side of the page. Every other theme I tried presents that data on the left hand side of the page.

Regards,
Mike.

Please, contact administrator
for this information.

#118518 Copied Theme version: 3.5
Eva Kemp

Support staff

March 23, 2016 at 09:10
Hello,

Please use this code in custom.css:
```
.productcart {
    float: none !important;
}
```
Regards,
Eva Kemp.
#118553 Copied
Michael

Participant

March 27, 2016 at 11:27

Hi Eva,
The CSS you provided worked well.

Now there is just one final thing that needs adjusting. Can you move the “Tax Included ($n.nn)” line to the left as well and change it’s color/font/size to match the ‘Total Shipping’ format?

Thanks,
Mike.

#119050 Copied
Jack Richardson

Support staff

March 28, 2016 at 08:41
Hello,

Please add this code in custom.css file:
```
#checkout_page_container .total_price td:first-child {
    padding-left: 0px !important;
    color: #090909 !important;
    font-size: 16px !important;
    font-family: Georgia !important;
}
```
Best regards,
Jack Richardson.
#119078 Copied
Michael

Participant

March 28, 2016 at 11:00

Hi Jack,

Your CSS appears to have done the trick. Please go ahead and close this topic.

Thanks,
Mike.

#119100 Copied

Eva Kemp

Support staff

March 28, 2016 at 11:05

Hello,

You’re welcome.

Regards,
Eva Kemp.

#119101 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Calculate Shipping Price layout issues at Blanco 3.5’' has been successfully resolved, and the topic is now closed for further responses

Calculate Shipping Price layout issues at Blanco 3.5

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection