Archived topic
WooCommerce Order Received
9 replies · Started by _blank on October 5, 2020
Hi There,
I'd like to change the headings to red #9C1030 on the Order Received page. It's the one the customer see after checkout. If you need to place an order please do this is just a demo website.
Many Thanks
Scott
Hi there,
try this CSS:
.woocommerce-order-received h1.entry-title,
.woocommerce-order-received h2.woocommerce-order-details__title {
color: #9C1030;
}
Hi David,
Thanks that worked, also i forgot to ask if we can do the same for Basket and Checkout.
Just the headings in that funny olive / green colour.
Many Thanks
Scott
Are all your headings to be that red color?
As you can set them in Customizer > Colors > Headings - the H1/H2/H3s etc should roll down to Woo.
Let us know - if not ill provide some CSS
Hi David,
Unfortunately no, just the shop / woo-commerce headings, the client wants two colour schemes.
So trying to edit manually.
Thanks
Scott
Try this CSS for all of them:
.woocommerce-order-received h1.entry-title,
.woocommerce-order-received h2.woocommerce-order-details__title,
.woocommerce-cart h1.entry-title,
.woocommerce-cart h2,
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout h3:not(#ship-to-different-address) {
color: #9C1030;
}
Hi David
That worked for:
Billing details
Your order
But not for
Checkout
Basket
Basket totals
Thanks
Scott
Really sorry seems my reply didn't get submitted.
I edited the CSS above to fix that.
Morning David,
That revision worked for everything.
Many Thanks
Scott
Morning Scott :) - Glad to hear that !