mini-cart css strat
Thu Jan 06 2022 11:37:29 GMT+0000 (Coordinated Universal Time)
Saved by @itaiki
*mini-cart css strat*/ /*cart*/ .cstm_cart_prise_mini, .amount sapn { margin-top: 0px !important; } .cart-sidebar-head { background-color: #F5EEE6; } .cart-sidebar-head { border-bottom: unset; height: 70px; } li.woocommerce-mini-cart-item.mini_cart_item.mini_cart_item { border-bottom: 1px solid #ddd; } span.shop-cart-count { display: none; } #shop-cart-sidebar { padding: 0 0px 30px; padding-left: 2px; padding-right: 2px; } #shop-cart-sidebar h4.cart-sidebar-title { letter-spacing: 0px; color: #2C2026 !important; opacity: 1; font-size:20px; padding-left: 13px; } .remove_from_cart_button::before { content: "remove"; display: block; color: #68515DD9; font-size: 12px; line-height: 1; text-decoration: underline; } .cart-sidebar-content .remove_from_cart_button { opacity: unset; right: 5px; top: 5px; } .product_list_widget .remove_from_cart_button { width: auto; height: auto; float: right; right: 0; top: 10px; font-size: 0; z-index: 2; color: firebrick; } .mini-cart-product-infor .mini-cart-quantity { display: flex; height: 24px; order: 2; } .woocommerce-mini-cart span.woostify-svg-icon.icon-close { display: none; } ul.woocommerce-mini-cart.cart_list.product_list_widget { padding-left: 11px; padding-right: 13px; } .mini-cart-product-infor .mini-cart-product-qty { border: 1px solid #573F4C; } input.input-text.qty { border: 1px solid #573F4C; } .mini-cart-product-infor .mini-cart-product-qty .woostify-svg-icon svg { color: #000000A5 !important; opacity: 1; letter-spacing: 0px; size: 16px !important; } .woocommerce-mini-cart__buttons .button { color: #fff; font-size: 12px; font-weight: 700; background: #2C2026 0% 0% no-repeat padding-box; opacity: 1; margin-top: 11px; margin-left: 10px; margin-right: 10px; } .cart-sidebar-content .woocommerce-mini-cart__total { margin-left: 10px; margin-right: 10px; } .custm_mini_sub_total_cart { display: block; position: relative; } .custm_mini_sub_total_cart strong { color: #000000CB; opacity: 1; font-size: 15px; font-weight: 400; } .custm_mini_sub_total_cart span { color: #000000 !important; opacity: 1; font-size: 16px; font-weight: 600; } p.shipping-total.custom_shipping_total_mini { padding-top: 16px; padding-left: 10px; display: flex; } span.totals.cstm_total_value { margin-left: auto; margin-right: 10px; } .cart-sidebar-content .woocommerce-mini-cart__total { border-top: unset; } p.your-class-name.cstm_total_price_mini_cart.custom_shipping_total_mini { display: flex; } p.custom_shipping_total_mini { margin-bottom: -1px; } .cart-sidebar-content .woocommerce-mini-cart__buttons a.checkout { height: 50px; font-size: 16px; font-weight: 400; } input.input-text.qty { border-left: none; border-right: navajowhite; } .product_list_widget a:not(.remove_from_cart_button) { font-size: 16px; color: #000; } .cart-sidebar-content .variation { margin: 5px 0; font-size: 15px; color: #000; opacity: 1; } #shop-cart-sidebar ul { margin: 0; list-style-type: none; } .cart-sidebar-content .woocommerce-mini-cart__bottom { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; margin-top: auto; } .cart-sidebar-content .woocommerce-mini-cart { flex-basis: 0%; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: unset; max-width: 100%; overflow-y: initial; } .cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout) { background-color: #fff; height: 40px; font-size: 18px; font-weight: 500; } .input-text.qty, .quantity input { border: 1px solid #573F4C; border-left: 1px solid #573F4C !important; border-right: 1px solid #573F4C !important; } .cart:not(.elementor-menu-cart__products) .quantity, .loop-add-to-cart-on-image + .added_to_cart, .loop-product-qty .quantity { top: 21px; } .elementor-field-group .elementor-field-textual:focus { box-shadow: unset; } /*responsive css mini-cart sidebar*/ /* ================== MEDIA 765px =================== */ @media (max-width: 767px){ .cart-sidebar-content { display: block; } .cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout) { background-color: #fff; height: 40px; font-size: 18px; font-weight: 500; } .cart-sidebar-content .woocommerce-mini-cart__bottom { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; margin-top: auto; } .cart-sidebar-content .mini_cart_item .remove_from_cart_button { opacity: 1; position: absolute; bottom: 11px; right: 0; top: auto; } div#shop-cart-sidebar { width: 100%; } ul.woocommerce-mini-cart.cart_list.product_list_widget { overflow-x: hidden; } .cstm_cart_quantity { margin-top: 31px; margin-left: 0px; } .remove_from_cart_button::before { line-height: 1; text-decoration: underline; padding-top: 92px; } .cart-sidebar-content .mini_cart_item img { max-width: 60px; max-height: 100px; } .mini-cart-product-infor { flex-direction: column; } span.mini-cart-product-price.cstm_cart_prise_mini { margin-top: 0px !important; } .cstm_cart_prise_mini, .amount sapn { margin-top: -62px; padding-bottom: 0px; } .cart-sidebar-content, .cart-sidebar-head { padding-left: 20px; padding-right: 20px; } .cart:not(.elementor-menu-cart__products) .quantity, .loop-add-to-cart-on-image + .added_to_cart, .loop-product-qty .quantity { top: 4px; } } /*mini-cart css end*/ /*responsive css mini-cart sidebar*/ @media (max-width: 767px){ .cart-sidebar-content { display: block; } .cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout) { background-color: #fff; height: 40px; font-size: 18px; font-weight: 500; } .cart-sidebar-content .woocommerce-mini-cart__bottom { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; margin-top: auto; } .cart-sidebar-content .mini_cart_item .remove_from_cart_button { opacity: 1; position: absolute; bottom: 11px; right: 0; top: auto; } div#shop-cart-sidebar { width: 100%; } ul.woocommerce-mini-cart.cart_list.product_list_widget { overflow-x: hidden; } .cstm_cart_quantity { margin-top: 31px; margin-left: 0px; } .remove_from_cart_button::before { line-height: 1; text-decoration: underline; padding-top: 92px; } .cart-sidebar-content .mini_cart_item img { max-width: 60px; max-height: 100px; } .mini-cart-product-infor { flex-direction: column; } span.mini-cart-product-price.cstm_cart_prise_mini { margin-top: 0px !important; } .cstm_cart_prise_mini, .amount sapn { margin-top: -62px; padding-bottom: 0px; } .cart-sidebar-content, .cart-sidebar-head { padding-left: 20px; padding-right: 20px; } .cart:not(.elementor-menu-cart__products) .quantity, .loop-add-to-cart-on-image + .added_to_cart, .loop-product-qty .quantity { top: 4px; } } /*mini-cart css end*/
Comments