Order confirmation header text color/size of body

Site URL: https://www.3deerprints.com/checkout/order-confirmed?oid=60813677306f3c77dfd87543&authCode=NjA4MTM2NzczMDZmM2M3N2RmZDg3NTQzOjIwMjEtMDQtMjJUMDg6NDA6MjIuMTQzWogUR6tGGN__ycS8-gf4sLgg3yg7eDWRt6V-e4u6jebQ

Hello,

I would like to change header text color on Order Confirmed page and size of the body so footer is a bit lower.

Anybody can help me with that?

Thanks!

8 minutes ago, 3DeerPrints said:

I would like to change header text color on Order Confirmed page and size of the body so footer is a bit lower.

When you say 'header text color' I assume you mean the "Order Confirmed" heading?

If so, you can add the following CSS: 

#confirmed-page {
    h1 {
        color: #fff;
    }
    margin-bottom: 600px;
}

It sets the h1 heading to white (#fff) and adds 600 pixels of margin to the page. You can adjust these as necessary.

My bad, I mean color of Menu navigation, Socials, Shopping Cart,...I want them i same beige like on elsewhere on page.. @paul2009

Then you'll need to use body#order-confirmed to refer to the confirmation page, and then add the correct selector for each of the elements within the site header that you want to change. For example, to change the nav elements: 

body#order-confirmed {
    .header-nav-wrapper a {
        color: #e6c8a1;
    }    
}

You can identify the selectors for the remaining items by using the browser tools.

7 minutes ago, paul2009 said:

Then you'll need to use body#order-confirmed to refer to the confirmation page, and then add the correct selector for each of the elements within the site header that you want to change. For example, to change the nav elements: 

body#order-confirmed {
    .header-nav-wrapper a {
        color: #e6c8a1;
    }    
}

You can identify the selectors for the remaining items by using the browser tools.

Thanks a lot!