Return to previous page

Wrong layout shipping calculator button (no button, wrong font) and cart total

This topic has 8 replies, 4 voices, and was last updated 7 years, 11 months ago ago by Eva Kemp

gerardpelders

Participant

May 17, 2016 at 11:56

Hey there,

On the checkout page the shipping-calculator-button is no button and has the frong font and color. Also the total amount has the wrong font and color. How can I fix this?

#126149 Copied

7 Answers

Jack Richardson

Support staff

May 17, 2016 at 12:57

Hello,

Please provide WP Dashboard and FTP credentials in private content.

Best regards,
Jack Richardson.

#126162 Copied

gerardpelders

Participant

May 17, 2016 at 13:29

Hey,

Here are my credentials:

Please, contact administrator
for this information.

#126175 Copied
Jack Richardson

Support staff

May 17, 2016 at 18:41
Hello,

On our demo site “Calculate Shipping” has the same styling http://storage4.static.itmages.com/i/16/0517/h_1463506619_1365636_899db7687a.jpeg , it’s not a button, it’s a link.

To change font use this css code in custom.css file:
```
.woocommerce-shipping-calculator a, .cart_totals .order-total strong .amount {
    font-family: Handlee !important;
}
```
How to create custom.css you can watch in this tutorial

Best regards,
Jack Richardson.
#126226 Copied
gerardpelders

Participant

May 17, 2016 at 19:40

Hey,

I understand, I thought it was a bug. Thanks for the explanation.

Kind regards,
Mirjam

#126241 Copied

Stan Russell

Participant

May 18, 2016 at 07:43

Hello gerardpelders,

is your problem solved now?

Regards,
Stan Russell.

#126269 Copied

gerardpelders

Participant

May 18, 2016 at 11:38

Hey Stan,

The problem is solved on the cart page, but I have the same on the check-out screen. Also the VAT amount is to big on this page. I have tried to change it in custom css, but not succeed. How can I change this?

Best regards,
Mirjam

#126322 Copied
Eva Kemp

Support staff

May 18, 2016 at 13:19
Hello,

Please use this css code:
```
.woocommerce-checkout-review-order-table .order-total span.amount {
    font-family: Handlee !important;
    font-size: 19px;
}
```
Regards,
Eva Kemp.
#126339 Copied
Viewing 8 results - 1 through 8 (of 8 total)