Return to previous page

Checkout bouton size and font size - by jiaqing

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

jiaqing

Participant

February 22, 2016 at 09:45

Hi,
can you please give me some custom css (for galasxy.com) to:

1 – in the popup cart that open when mouse over, change (decrease) the Checkout bouton size AND its font size.

2 – in the validation page, change (decrease) the Checkout bouton size AND its font size.

3 – in the validation page, change (decrease) the Proceed to Paypal bouton size, color, font size.

Thanks in advance!
Gilles.

#114133 Copied

5 Answers
Jack Richardson

Support staff

February 22, 2016 at 11:13
Hello,

1. Use this css code in custom.css:
```
.cart-popup .button.active.big.checkout-button {
    width: 60% !important;
    font-size: 16px !important;
}
```
2. Here is the css code:
```
.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
    font-size: 14px !important;
    width: 50% !important;
}
```
3. Add the following css code:
```
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    font-size: 14px !important;
    padding: 5px 10px !important;
    background-color: #050505 !important;
}
```
Change values in provided css code to your needs.

How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Best regards,
Jack Richardson.
#114156 Copied
jiaqing

Participant

February 22, 2016 at 11:33

Thanks, it works!
You forgot to give me the css (inside the popup cart when mouse over) to fix the font size for the total amount of the cart, for example: Total: 1500.00€ (which is too big)
Gilles.

#114166 Copied
Jack Richardson

Support staff

February 22, 2016 at 14:07
Hello,

Please use this css code:
```
.shopping-cart-widget .totals .price {
    font-size: 14px !important;
}
```
Best regards,
Jack Richardson.
#114199 Copied
jiaqing

Participant

February 22, 2016 at 14:18

Thank you very much.
Gilles.

#114206 Copied

Jack Richardson

Support staff

February 22, 2016 at 14:40

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#114212 Copied
Viewing 6 results - 1 through 6 (of 6 total)