Created
April 26, 2022 19:22
-
-
Save codersaiful/9fe16c21db683af6e0c1474f92932e9d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /**************************** | |
| * CUSTOM CODE FOR WOO PRODUCT TABLE | |
| * Here we have used important, because Our theme has override and Woo Product Table plugins Style. | |
| ****************************/ | |
| .wpt_product_table_wrapper p.woocommerce-mini-cart__buttons.buttons { | |
| display: inline-flex; | |
| float: right; | |
| } | |
| .wpt_product_table_wrapper p.woocommerce-mini-cart__buttons.buttons a.button { | |
| margin-left: 10px; | |
| line-height: 22px; | |
| width: unset !important; | |
| padding: 5px 22px !important; | |
| } | |
| .wpt_product_table_wrapper p.woocommerce-mini-cart__total.total {} | |
| .wpt_product_table_wrapper p.woocommerce-mini-cart__total.total {float: left;padding-top: 15px;font-size: 22px !important;color: black;} | |
| .wpt_product_table_wrapper .widget_shopping_cart_content { | |
| } | |
| .wpt_product_table_wrapper ul.woocommerce-mini-cart.cart_list.product_list_widget { display: block !important; } | |
| .wpt_product_table_wrapper span.woocommerce-Price-amount.amount {} | |
| .wpt_product_table_wrapper p.woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount { | |
| color: #0fc392; | |
| padding-left: 20px; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item { | |
| border: 0 none; | |
| margin-bottom: 10px; | |
| border-bottom: 1px solid #0fc392; | |
| border-radius: 0; | |
| padding-bottom: 5px; | |
| text-align: left; | |
| } | |
| .wpt_product_table_wrapper thead .wpt_table_header_row th { | |
| background: #5c6b79; | |
| font-weight: 500; | |
| border-bottom: 3px solid #0fc392; | |
| } | |
| .wpt_product_table_wrapper table.wpt_product_table>tbody tr.wpt_row td a.button, | |
| .wpt_product_table_wrapper table.wpt_product_table>tbody tr.wpt_row td a.button.wpt_woo_add_cart_button.add_to_cart_button | |
| .wpt_product_table_wrapper table.wpt_product_table>tbody tr.wpt_row td a.add_to_cart_button | |
| { | |
| border: 2px solid #0000; | |
| border-radius: 0; | |
| background: #0fc392; | |
| color: #ffffff; | |
| padding: 0.6em 1em 0.4em; | |
| cursor: pointer; | |
| transition: 0.3s; | |
| -webkit-transition: 0.3s; | |
| font-weight: 500; | |
| } | |
| .wpt_product_table_wrapper table.wpt_product_table>tbody tr.wpt_row td a.button:hover, | |
| .wpt_product_table_wrapper table.wpt_product_table>tbody tr.wpt_row td a.button.wpt_woo_add_cart_button.add_to_cart_button:hover, | |
| .wpt_product_table_wrapper table.wpt_product_table>tbody tr.wpt_row td a.add_to_cart_button:hover | |
| { | |
| border-color: #0fc392; | |
| background: transparent; | |
| color: #0fc392; | |
| } | |
| .wpt_product_table_wrapper, | |
| .wpt_product_table_wrapper .tables_cart_message_box, | |
| .wpt_product_table_wrapper .search_box_wrapper, | |
| .wpt_product_table_wrapper table, | |
| .wpt_product_table_wrapper tr, | |
| .wpt_product_table_wrapper td, | |
| .wpt_product_table_wrapper{ | |
| } | |
| /*.wpt_product_table_wrapper td a.wpt_woo_add_cart_button, | |
| .wpt_product_table_wrapper td a.wpt_product_title_in_td,*/ | |
| tr.wpt_table_header_row.wpt_table_head{ | |
| } | |
| .wpt_product_table_wrapper .quantity .qty { | |
| width: 5em; | |
| text-align: center; | |
| } | |
| .wpt_product_table_wrapper .qib-button.qib-button-wrapper{ | |
| max-width: 95px; | |
| height: 50px; | |
| position: relative; | |
| margin: 0 15px 0 0; | |
| background: #f4f9fc; | |
| } | |
| .wpt_product_table_wrapper .qib-button.qib-button-wrapper .quantity.wqpmb_quantity, | |
| .wpt_product_table_wrapper .qib-button.qib-button-wrapper .quantity.wqpmb_quantity input{ | |
| width: 100%; | |
| } | |
| .wpt_product_table_wrapper .qib-button.qib-button-wrapper .minus.qib-button{ | |
| position: absolute; | |
| right: 0; | |
| bottom: 0; | |
| width: 25px; | |
| background: #0fc392; | |
| color: #ffffff; | |
| font-size: 26px; | |
| } | |
| .wpt_product_table_wrapper .qib-button.qib-button-wrapper .plus.qib-button{ | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: 25px; | |
| background: #5c6b79; | |
| color: #ffffff; | |
| font-size: 23px; | |
| } | |
| .wpt_product_table_wrapper .qib-button.qib-button-wrapper .quantity input.input-text.qty.text{ | |
| height: 52px; | |
| width: 100%; | |
| background-color: #f4f9fc; | |
| padding: 20px 26px 15px 20px; | |
| text-align: left; | |
| border:none; | |
| font-size:17px; | |
| font-weight:500; | |
| } | |
| .wpt_product_table_wrapper .qib-button.qib-button-wrapper button.qib-button{ | |
| padding: 2px; | |
| min-height: 25px; | |
| height: auto; | |
| border: none; | |
| } | |
| /* body.woocommerce div.wpt_notice_board { | |
| background: white; | |
| box-shadow: 0 0 10px #00000045; | |
| border-radius: 7px; | |
| text-align: left; | |
| padding: 0; | |
| border-top: 8px solid #777a7b; | |
| padding-left: 0; | |
| } */ | |
| body.woocommerce div.wpt_notice_board div{padding-left: 15px;} | |
| body.woocommerce .wpt_product_table_wrapper select, .wpt_varition_section select select { | |
| background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5IDE0IiBoZWlnaHQ9IjE0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyOSAxNCIgd2lkdGg9IjI5cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwb2x5Z29uIGZpbGw9IiMyMzFGMjAiIHBvaW50cz0iMC4xNSwwIDE0LjUsMTQuMzUgMjguODUsMCAiLz48L3N2Zz4=) no-repeat; | |
| background-size: 10px; | |
| background-position: right 10px center; | |
| -moz-appearance: none; | |
| -moz-appearance: none; | |
| -webkit-appearance: none; | |
| appearance: none; | |
| padding: 4px 20px; | |
| border-radius: 0; | |
| } | |
| div.wpt-footer-cart-wrapper>a:after { | |
| background-color: #0fc392; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box a.cart-contents { | |
| color: #fff; | |
| display: block; | |
| width: 100%; | |
| padding: 10px; | |
| clear: both; | |
| box-sizing: border-box; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| left: 0; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box a.cart-contents span.amount { | |
| color: #16ecb2; | |
| background: #021429; | |
| padding: 12px; | |
| height: 100%; | |
| } | |
| table#wpt_table.wpt_product_table a.added_to_cart.wc-forward { | |
| font-size: unset; | |
| padding: inherit; | |
| font-weight: 500; | |
| color: unset; | |
| text-decoration: unset; | |
| display: block; | |
| clear: both; | |
| background: transparent; | |
| } | |
| table#wpt_table.wpt_product_table a.added_to_cart.wc-forward:hover { | |
| color: black; | |
| font-weight: bold; | |
| background: transparent; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box { | |
| clear: both; | |
| box-sizing: border-box; | |
| overflow: hidden; | |
| background: #00000008; | |
| padding: 0; | |
| margin-bottom: 15px; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box:empty{display: none;} | |
| .wpt_product_table_wrapper div.tables_cart_message_box p.woocommerce-mini-cart__empty-message { | |
| padding-top: 0; | |
| margin-top: -10px; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box .widget_shopping_cart_content { | |
| padding-top: 8px; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box ul.woocommerce-mini-cart li.woocommerce-mini-cart-item.mini_cart_item a.remove{ | |
| top: -2px !important; | |
| margin-right: -2px; | |
| } | |
| div.wpt_product_table_wrapper input[type=checkbox]:checked+label:before { | |
| background: #0fc392; | |
| border-color: #0c9e77; | |
| } | |
| div.wpt_product_table_wrapper input[type=checkbox]+label:before { | |
| border-color: #5c6b79; | |
| background-color: #f4f9fc; | |
| } | |
| div.wpt_product_table_wrapper input[type=checkbox]:checked+label:after { | |
| top: -4px; | |
| left: 1px; | |
| } | |
| .wpt_table_pagination span.page-numbers.current, .wpt_table_pagination a.page-numbers.current { | |
| background-color: #0fc392; | |
| border-color: #0c9e77; | |
| } | |
| .wpt_table_pagination a.page-numbers:hover, .wpt_table_pagination a.page-numbers:focus, .wpt_table_pagination span.page-numbers:hover, .wpt_table_pagination span.page-numbers:focus { | |
| background-color: #0fc392; | |
| } | |
| /* Handle */ | |
| body.wpt_table_body .wpt_product_table_wrapper ::-webkit-scrollbar-thumb { | |
| background: #0fc392; | |
| } | |
| /* Track */ | |
| body.wpt_table_body .wpt_product_table_wrapper ::-webkit-scrollbar-track { | |
| background: #e2ebf1; | |
| } | |
| .all_check_footer { | |
| background: #f4f9fc; | |
| } | |
| body.wpt_table_body .wpt_edit_table > a { | |
| color: #0fc392; | |
| background: #f4f9fc; | |
| } | |
| body.wpt_table_body .wpt-footer-cart-wrapper > a, | |
| body.wpt_table_body div.wpt-footer-cart-wrapper>a:after { | |
| background-color: #0fc392 !important; | |
| } | |
| body.wpt_table_body .wpt-footer-cart-wrapper{ | |
| transition: all .1s; | |
| bottom: 33px; | |
| } | |
| body.wpt_table_body.header-scrolled .wpt-footer-cart-wrapper { | |
| /*bottom: 33px;*/ | |
| right: 128px; | |
| } | |
| .normal_table_wrapper ul.woocommerce-mini-cart.cart_list.product_list_widget { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| table.add_cart_only_icon tr .wpt_action a.button:before { | |
| content: "\f07a"; | |
| margin: unset; | |
| font-size: 16px; | |
| padding: 7px 11px !important; | |
| font-family: "Font Awesome 5 Free"; | |
| display: inline-block; | |
| font-weight: bold; | |
| } | |
| table.add_cart_left_icon tr .wpt_action a.button:before{ | |
| content: "\f07a"; | |
| font-family: "Font Awesome 5 Free"; | |
| font-weight: bold; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box div.widget_shopping_cart_content li.woocommerce-mini-cart-item.mini_cart_item a.remove.remove_from_cart_button { | |
| font-size: 0; | |
| width: 17px; | |
| margin-left: 0; | |
| } | |
| body.wpt_table_body .wpt-footer-cart-wrapper.bottom_right>a { | |
| box-shadow: 0px 0px 8px 0px #00000040; | |
| } | |
| .custom_table tbody tr td { | |
| border: 1px solid #5d6b7942; | |
| } | |
| .search_single .query_box_direct_value, .instance_search_input { | |
| padding: 3px 5px 3px 5px; | |
| } | |
| .search_single label.search_keyword_label { | |
| margin-bottom: 7px; | |
| } | |
| div.wpt_product_table_wrapper input[type=checkbox]+label:before { | |
| width: 18px; | |
| height: 18px; | |
| } | |
| div.wpt_product_table_wrapper th input[type=checkbox]+label:before { | |
| width: 20px; | |
| height: 20px; | |
| } | |
| div.wpt_product_table_wrapper input[type=checkbox]:checked+label:after { | |
| top: -2px; | |
| left: 3px; | |
| } | |
| div.wpt_product_table_wrapper .all_check_header_footer.all_check_header input[type=checkbox]+label:after { | |
| top: 4px !important; | |
| left: 5px !important; | |
| } | |
| div.wpt_product_table_wrapper table th input[type=checkbox]:checked+label:after { | |
| left: 3px; | |
| top: -1px; | |
| font-size: 100%; | |
| } | |
| .all_check_header_footer.all_check_header>span>label{ | |
| display: flex; | |
| align-items: center; | |
| } | |
| .all_check_header_footer.all_check_header>span { | |
| background: transparent; | |
| border: 0 none; | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box{ | |
| } | |
| .wpt_product_table_wrapper div.tables_cart_message_box .widget_shopping_cart_content { | |
| display: block; | |
| width: 100%; | |
| clear: both; | |
| overflow: hidden; | |
| padding: 0 14px; | |
| margin: 46px 0 6px 0; | |
| } | |
| body table.wpt_product_table { | |
| border: 0 none; | |
| border-radius: 0; | |
| clear: both; | |
| } | |
| div.wpt_product_table_wrapper.woocommerce{clear: both;} | |
| .wpt_product_table_wrapper div.tables_cart_message_box a.cart-contents span.count { | |
| padding-left: 8px; | |
| opacity: 0.9; | |
| } | |
| @media only screen and (min-width: 761px){ | |
| table.custom_table>tbody>tr:nth-child(2n+2)>td { | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment