Skip to content

Instantly share code, notes, and snippets.

@codersaiful
Created April 26, 2022 19:22
Show Gist options
  • Save codersaiful/9fe16c21db683af6e0c1474f92932e9d to your computer and use it in GitHub Desktop.
Save codersaiful/9fe16c21db683af6e0c1474f92932e9d to your computer and use it in GitHub Desktop.
/****************************
* 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