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
2 years 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
1 year 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

How To Make a Hover Card Like a PRO in Elementor

https://youtu.be/pja-7Sfn8WI CSS selector .card-content{ height: 56%; margin-bottom: -134px; transition: all 0.5s ease; } selector .card-wrapper:hover .card-content{ margin-bottom: 0px; height: 100%; } selector

Elementor Button Border Gradient Tutorial

https://youtu.be/I9am2K_yopc Border Gradient Button CSS selector .elementor-button{ position: relative; overflow: hidden; z-index: 1; margin-bottom: -15px } selector .elementor-button:before{ content: ”; position: absolute;

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

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.

Hello!

Enter your question below and a representative will get right back to you.

Speak to a team member
Leave us a review
Hi there, have a question? Text us here.