jessmileur Posted October 5, 2020 Share Posted October 5, 2020 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 Link to comment
immiike Posted October 5, 2020 Share Posted October 5, 2020 Hey Jess, do you have a direct link to the confirmation page? jessmileur 1 Link to comment
jessmileur Posted October 5, 2020 Author Share Posted October 5, 2020 Hey Mike! Here's a link: https://www.meden.studio/checkout/order-confirmed?oid=5f7b58505409ae06b3aeaff2&authCode=NWY3YjU4NTA1NDA5YWUwNmIzYWVhZmYyOjIwMjAtMTAtMDVUMTc6MzA6NTYuNzk0Wi4feGTcaEvZvrOi3JXvkQq9f2hZcvrdFU-6gXN4YU9X immiike 1 Link to comment
tuanphan Posted October 7, 2020 Share Posted October 7, 2020 Add to Home > Design > Custom CSS body#order-confirmed .header-title-logo img { filter: invert(1); -webkit-filter: invert(1); } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Abby_EveryStory Posted October 6, 2022 Share Posted October 6, 2022 @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! Link to comment
tuanphan Posted October 8, 2022 Share Posted October 8, 2022 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> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment