Changing the background color of the cart - Forum | JoomShaper
Solved EasyStore

Changing the background color of the cart

Asked by Mathias Reinhard 1 year ago Last activity 1 year ago

Hi all,

i want to change the background color of the cart when clicking on the cart icon which is then displayed on the right side as an overlay.

How can i do this?

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

Hi Mathias,

Use that Custom CSS:

.easystore-drawer { background-color: #333; }
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner,
.easystore-drawer-footer .btn {padding: 5px;}
.easystore-drawer-footer .btn.btn-primary {padding: 5px 12px;}
.easystore-quantity-selector .easystore-quantity-selector-btn {color: #d2d;font-size: 24px;}
.easystore-drawer-close-button {color: red;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {content:">";}

2 more replies

Oldest first Newest first Most helpful
Mathias Reinhard Asked this
1 year ago

That fixed my issue. Many thanks :-)

Paul Frankowski Senior Staff
1 year ago · edited

use also that

.btn.btn-link.btn-sm.easystore-remove-cart-item > span {
  color: #eee;}

Then trash icon during mouse hover will be still visible in the cart.

info_2989_2025.gif

Und use

.easystore-cart-checkout.btn.btn-secondary:hover {
  color: #eee;}

Für dieses Element

info_2990_2025.gif

Mathias Reinhard Asked this
1 year ago

Many Thanks :-)

Log in to reply.