Elementor WooCommerce Menu Side Cart

Facebook
Twitter
Reddit
WhatsApp

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 */
}
				
			
Subscribe
Notify of
3 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
4 months ago

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

Egzon
2 months ago

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

More to explorer

Create a Custom Mobile Menu Drop Down In Elementor Pro

CSS /*Tablet breakpoint*/ @media(max-width:1024px){ /*Mobile nav column */ #nav-container{ display:none; overflow:hidden; } /*Switch nav widget to verticle on mobile */ .elementor-nav-menu–layout-horizontal .elementor-nav-menu

3
0
Would love your thoughts, please comment.x
()
x

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.