Edit the Floating Shopping Cart Button

What does this code do?

This code snippet will allow you to change the color of the floating shopping cart button.

Note: To change the icon to a different icon you can use this code snippet.

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Floating Shopping Cart Icon */
.floating-cart {
  background: red; /* background color */
  color: black; /* color of cart item number */
}
.floating-cart .icon--stroke svg {
    stroke: black; /* color of the cart icon */
} 

Then change red and black to colours of your choice.

How To Use It

1. Copy and paste the code as indicated above.

2. Customize the colours. You can use a word, rgb, or hex code for the color.