Checkout bouton size and font size - by jiaqing

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

  • Avatar: jiaqing
    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.

    5 Answers
    Avatar: Jack Richardson
    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.

    Avatar: jiaqing
    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.

    Avatar: Jack Richardson
    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.

    Avatar: jiaqing
    jiaqing
    Participant
    February 22, 2016 at 14:18

    Thank you very much.
    Gilles.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    February 22, 2016 at 14:40

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Checkout bouton size and font size’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.