Elementor WooCommerce Menu Side Cart

Share on facebook
Facebook
Share on twitter
Twitter
Share on reddit
Reddit
Share on whatsapp
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
0 Comments
Inline Feedbacks
View all comments

More to explorer

Add Icons To Your Elementor Form Fields With CSS

https://youtu.be/8qHZfpG2z-s Font Awesome fontawesome.com CSS Code /*placeholder spacing*/ selector form.elementor-form .elementor-field-group-email input, .elementor-field-group-name input, .elementor-field-group-phone input, .elementor-field-group-message textarea{ padding-left: 50px; } /*Icon

How To Create A Mobile App Menu On Elementor

https://youtu.be/7iJz3km-nwM Create Your Glass Effect Here: glassmorphism.com Mobile Section /*Mobile section*/ selector{ position: fixed; width: 100%; bottom: 0px; background: rgba( 0, 0,

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

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.