Artolio + Easystore - Forum | JoomShaper
Solved Templates

Artolio + Easystore

Asked by TOCHTERMANN DAMIEN 1 year ago Last activity 1 year ago

Hi, it seems like, Side panel (cart module) isnt well displayed when using dark version of template : wrong font color. please fix that. Thanks.

Accepted answer

Marked as the solution
Ofi Khan Staff

I 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

Ofi Khan Staff

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

TOCHTERMANN DAMIEN Asked this

Hi here are my credentials. Thanks for help. Please then fix your template .

Ofi Khan Staff

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.

TOCHTERMANN DAMIEN Asked this

Still not working ...I cleaned chrome cache and website cache.

Ofi Khan Staff

Please watch this video:

https://files.fm/u/gtkgpv3gys

TOCHTERMANN DAMIEN Asked this

Please click Prestation express, add one and you will have same problem as me , for sure

TOCHTERMANN DAMIEN Asked this

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

Ofi Khan Staff

I have already asked the EasyStore development team to check this out. They will find a solution to the issue.

TOCHTERMANN DAMIEN Asked this

Ok perfect

Log in to reply.