Changing The Background Color Of The Cart - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Changing The Background Color Of The Cart

MR

Mathias Reinhard

EasyStore 3 months 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?

0
Website
https://www.spartacrew.de
4 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 months ago #197584

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:">";}
0
MR
Mathias Reinhard
Accepted Answer
3 months ago #197585

That fixed my issue. Many thanks :-)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 months ago #197586

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

0
MR
Mathias Reinhard
Accepted Answer
3 months ago #197587

Many Thanks :-)

0