Site logo

Archived topic

WooCommerce Order Received

9 replies · Started by _blank on October 5, 2020

Viewing posts 1–10 of 10

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 !

This archived topic is closed to new replies.