To change and customize the Product Table styles, please move to the WooCommerce Product Tablt by WooBeWoo -> Settings tab -> CSS editor
- To justify the product names to the left, right, centre:
.wtbpContentTable td.product_title {
text-align: left !important;
}
- To justify the “Buy” button to the left, right, centre:
.wtbpContentTable .wtbpAddToCartWrapper {display: inline-block !important; }
- To position the search box and change the font size for the input field:
.wtbpTableWrapper .dataTables_filter {
float: none;
text-align: center;
width: 100%;
}
.wtbpTableWrapper .dataTables_filter input {
width: 100%;
}
- To change the colour for a star rating:
.wtbpContentTable .star-rating span::before {color: #6565b0 !important;}