CSS:
/* Floating cart quantity bubble */
.cc-compass-count {
background-color: #fe3b21; /* Bubble color */
}
/* Floating cart icon */
.cc-compass .licon::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f07a";
font-size: 25px; /* Cart icon size */
}
/* Header cart quantity bubble */
span.cc_cart_count {
margin-left: -20px;
margin-top: -20px;
background-color: #fe3b21; /* Bubble color */
border-radius: 100px;
padding: 0px 9px;
font-size: 10px;
font-weight: 700;
color: white;
}
/* Header cart icon */
.ccicon-cart:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f07a";
color: #000; /* Cart icon color */
font-size: 20px; /* Cart icon size */
}
Hi Uriel,
Thanks for the great video on YouTube and the inclusion of the CSS code. It’s the little tweaks on the pages that enhance the overall look and feel of the website, but are sometimes very difficult to discover.
Kind regards
Graham
Hi Uriel,
I like your video’s a lot! and i would like to know if you also have a css code to change the colors inside the smart side cart.
Kind regards,
Egzon
I would try right-clicking and going to inspect to view the source code and find the class they are using for the side cart. Then just target the class and paste it into your customizer.
.class{
color: color code !important;
}