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

Hide Product Prices For Users On WooCommerce

https://youtu.be/4_xiZdE_No4 PHP Code // Hide prices add_action(‘after_setup_theme’,’magik_activate_filter’) ; function magik_activate_filter() { add_filter(‘woocommerce_get_price_html’, ‘magik_show_price_logged’); } function magik_show_price_logged($price) { if(is_user_logged_in() ) { return $price;

Elementor Background Overlay On Mobile & Tablet

https://youtu.be/lmO1xAs7NBc CSS Code – Elementor Pro Version /*Tablet background Overlay Elementor Pro*/ @media(max-width:1024px){ selector.elementor-element > .elementor-background-overlay { background-color: transparent; background-image: linear-gradient( 80deg,

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

45 Minute Wordpress Support

Get your Wordpress questions answered and your Wordpress issues resolved.