One-Page Checkout [Support Thread]

[nicksab]

While the actual CSS used will depend on the active template for the site, but there should be a checkout_one.css file present in includes/templates/royal_fleur/css.

To the bottom of that stylesheet, you can add:

#opc-order-confirm btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

That, essentially, emulates Bootstrap's btn-lg class. See the w3schools docs for additional information: https://www.w3schools.com/bootstrap4...ap_buttons.asp

It didn't work for me. i am on bootstrap template as well.

Somehow I am having issues with the site specific stylesheet.

i ended up adding

margin-bottom:20px;
font-size:1.5rem;

to line 457 of stylesheets_zca_color.php right after

button.button_confirm_order {