Jump to content

ORDER CONFIRMATION PAGE

Recommended Posts

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;
}

Screenshot 2021-02-18 at 18.31.31.png

Link to comment

See my existing post here to see if this helps:

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

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;
}

 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.