Hi, it seems like, Side panel (cart module) isnt well displayed when using dark version of template : wrong font color. please fix that. Thanks.
Artolio + Easystore
Accepted answer
Marked as the solutionI get it now. I have updated the Custom CSS on the site. This is the full CSS.
body[data-sppb-color-mode="Dark"] .easystore-drawer-header,
body[data-sppb-color-mode="Dark"] .easystore-h2,
body[data-sppb-color-mode="Dark"] .easystore-cart-item-title,
body[data-sppb-color-mode="Dark"] .easystore-product-quantity,
body[data-sppb-color-mode="Dark"] .easystore-cart-item-subtotal,
body[data-sppb-color-mode="Dark"] .easystore-price-with-tax{
color: #000000 !important;
}
body[data-sppb-color-mode="Dark"] .easystore-product-quantity{
border-bottom: 1px solid #000000;
}
body[data-sppb-color-mode="Dark"] .btn-outline-primary,
body[data-sppb-color-mode="Dark"] .easystore-cart-visit,
body[data-sppb-color-mode="Dark"] .easystore-cart-checkout{
border: transparent;
background: linear-gradient(180deg, #000000, #000000);
color: #ffffff;
}
body[data-sppb-color-mode="Dark"] .easystore-cart-visit:hover,
body[data-sppb-color-mode="Dark"] .easystore-cart-checkout:hover,
body[data-sppb-color-mode="Dark"] .easystore-cart-empty-state .btn-outline-primary:hover{
border: transparent;
background: linear-gradient(180deg, #6a6a6c, #000000);
} 1 more reply
Hello TOCHTERMANN DAMIEN,
Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing.
It looks like it needs CSS customization. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup before sharing.
Best regards
Hi here are my credentials. Thanks for help. Please then fix your template .
I have added this CSS to
Template Options -> Custom Code -> Custom CSS
body[data-sppb-color-mode="Dark"] .easystore-drawer-header {
color: black;
}
body[data-sppb-color-mode="Dark"] .easystore-h2 {
color: black;
}
body[data-sppb-color-mode="Dark"] .btn-outline-primary {
border-color: black;
border: transparent;
background: linear-gradient(180deg, black, black);
color: white;
}
Please check the cart view now.
Still not working ...I cleaned chrome cache and website cache.
Please watch this video:
https://files.fm/u/gtkgpv3gys
Please click Prestation express, add one and you will have same problem as me , for sure
Fine , it is ok. You may have to check if this problem was due to easystore or if will be same for any module in this position Thanks
I have already asked the EasyStore development team to check this out. They will find a solution to the issue.
Ok perfect