ORDER CONFIRMATION PAGE

Site URL: https://www.lovexvalour.com/checkout/order-confirmed?oid=602eb08b5d75161df55839f1&authCode=NjAyZWIwOGI1ZDc1MTYxZGY1NTgzOWYxOjIwMjEtMDItMThUMTg6MjM6MDcuNTQzWje5Gry5mBcqw_9xCTSpwDBJuT15rElnFhb7cseVPWLR

Hello! Can someone please help me with my order confirmation page? 

I want to change the the heading where it says "ORDER CONFIRMED" I want to make it smaller. The order details are fine.

I have tried to add this custom CSS code but it affects the header but also the rest of the details

div#confirmed-page * {
    color: #fff;
    font-size: 15px;
}
div#confirmed-page p {
    line-height: 1em;
}
div#confirmed-page p:nth-child(2) {
    margin-top: 50px !important;
}

See my existing post here to see if this helps:

Thanks Paul, It worked. 

there is one more thing, Is it posible to change the font?

14 minutes ago, kamrojo said:

Is it possible to change the font?

Yes. In the same way that you specified the font-size for the heading or the text, you can specify the font-family in the relevant section. The font must be one that is already in use on the site.

Your site is currently password protected so you'd need to publish the public password for us to provide specific advice.

it's Key000000000

For example, to change the heading font you could add a font-family line into the existing CSS like this:

h1 {     
  font-size: 34px!important;
  font-family: neue-haas-grotesk-display;
}

PERFECT !!!

Thanks again.