Invert Logo on Order Confirmation Page

Site URL: https://meden.studio

Hello! As stated in the title, I'm trying to invert my logo on the order confirmation page and I'm not sure what's up. Here is my code:

#confirmed-page .header-title-logo img { 
-webkit-filter: invert(85%) !important;
filter: invert(85%) !important; 
filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1') !important;
}

Thank you for any insight!

Jess

Hey Jess, do you have a direct link to the confirmation page?

Hey Mike!

Here's a link:

https://www.meden.studio/checkout/order-confirmed?oid=5f7b58505409ae06b3aeaff2&authCode=NWY3YjU4NTA1NDA5YWUwNmIzYWVhZmYyOjIwMjAtMTAtMDVUMTc6MzA6NTYuNzk0Wi4feGTcaEvZvrOi3JXvkQq9f2hZcvrdFU-6gXN4YU9X

Add to Home > Design > Custom CSS

body#order-confirmed .header-title-logo img {
	filter: invert(1);
    -webkit-filter: invert(1);
}

@tuanphan Hi there! I've dropped the code into custom css but it doesn't seem to be working. Not sure where I'm going wrong..! 

Link to order confirmation page: https://www.everystory.co.uk/checkout/order-confirmed?oid=633ee421021f24448c022a17&authCode=NjMzZWU0MjEwMjFmMjQ0NDhjMDIyYTE3OjIwMjItMTAtMDZUMTQ6MjA6MTcuOTAyWmVjHCYXHS0DPUDmyYeu78IzKDCROsCeA4SHR3EI5sQq

Thank you!

On 10/6/2022 at 9:20 PM, Abby_EveryStory said:

@tuanphan Hi there! I've dropped the code into custom css but it doesn't seem to be working. Not sure where I'm going wrong..! 

Link to order confirmation page: https://www.everystory.co.uk/checkout/order-confirmed?oid=633ee421021f24448c022a17&authCode=NjMzZWU0MjEwMjFmMjQ0NDhjMDIyYTE3OjIwMjItMTAtMDZUMTQ6MjA6MTcuOTAyWmVjHCYXHS0DPUDmyYeu78IzKDCROsCeA4SHR3EI5sQq

Thank you!

Add this code to Settings > Advanced > Code Injection > Order Confirmation Page

<style>
  body#order-confirmed .header-title-logo img {
	filter: invert(1);
    -webkit-filter: invert(1);
}
</style>