Artolio Dark Mode is Catastrophic - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Artolio Dark Mode is Catastrophic

TD

TOCHTERMANN DAMIEN

Template 2 weeks ago

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/

0
4 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 weeks ago #205993

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

0
TD
TOCHTERMANN DAMIEN
Accepted Answer
2 weeks ago #205994

Thanks...that should be default inclused in think. or maybe a possibility to assign a logo for light and one for dark mode.

0
TD
TOCHTERMANN DAMIEN
Accepted Answer
2 weeks ago #206056

also Checkout page doesnt adapt to Dark mode...thanks for checking with your team to make both working perfectly together.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 weeks ago #206084

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.

0