Hi, once more a big bug with Artolio Dark mode. I uploaded my logo ... it appears well in white mode but not in dark mode... Please check this template, it seems very bugged.
https://2c-2026.2c-events.com/
Solved
Templates
Artolio Dark mode is catastrophic
Accepted answer
Marked as the solution
Ofi Khan Staff
Just checking in to see if you have feedback on the provided solution. If the answer resolved your query, you can mark it as accepted to close the post and guide others with similar questions. You’ll find a button to accept answers below each comment.
If you need further assistance, feel free to let us know!
1 more reply
Ofi Khan Staff
Hello TOCHTERMANN DAMIEN,
Thank you for reaching out to our technical support forum. You have to do some adjustments to the CSS according to your logo.
Please use this CSS to
Template Options -> Custom Code -> Custom CSS
body[data-sppb-color-mode="Dark"] .logo-image{
filter: none !important;
}Best regards
TOCHTERMANN DAMIEN Asked this
Thanks...that should be default inclused in think. or maybe a possibility to assign a logo for light and one for dark mode.
TOCHTERMANN DAMIEN Asked this
also Checkout page doesnt adapt to Dark mode...thanks for checking with your team to make both working perfectly together.
Ofi Khan Staff
Please use this CSS to
Template Options -> Custom Code -> Custom CSS to fix the Cart and Checkout page.
body[data-sppb-color-mode="Dark"] .easystore-cart-table tr {
background-color: #fff !important;
color: #000 !important;
}
body[data-sppb-color-mode="Dark"] .easystore-cart-summary div,
body[data-sppb-color-mode="Dark"] .easystore-cart-remove-item a{
color: #000000 !important;
}
body[data-sppb-color-mode="Dark"] .easystore-cart-summary a:first-of-type{
background: #000 !important;
color: #ffffff !important;
}
body[data-sppb-color-mode="Dark"] .easystore-cart-summary a:first-of-type:hover{
border: transparent !important;
background: linear-gradient(180deg, #6a6a6c, #111114) !important;
}The logo issue is part of customization. Not everything will come with the package. Artolio quickstart default logo is svg with no background. It is different from your logo and will not be the same. You must customize it with the CSS.
Log in to reply.