How To Change Colour

Hello @makeandsavemoneyonline,

Can anyone please tell me how to change the proceed to checkout and place order buttons colour?

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
 

/* Change the button color on the cart page */
a.checkout-button.button.alt.wc-forward {
    background: red;
}

/* Change the button color on the checkout page */
.form-row.place-order button#place_order {
    background: red;
}

 
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

also to decrease the width of these pages?

To change the width of the cart page, go to WP Admin -> Pages > All Pages -> Edit Cart page and make sure the full-width option is not selected under the Template dropdown.

Repeat the above steps for the Checkout page as well.

And to remove the background on the checkout page when stripe is selected?

You can use the below CSS code snippet to change and match the Stripe form background color with your site’s color:

.payment_box.payment_method_stripe {
    background: red !important;
}

Thanks!

Hello @makeandsavemoneyonline,

You are welcome. This thread is marked as resolved – if you have any further questions, you can start a new thread.

Thanks!