How to Configure CSS for Product Table?

To change and customize the Product Table styles, please move to the WooCommerce Product Tablt by WooBeWoo -> Settings tab -> CSS editor

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;}

Latest Articles

Buy Now Bundle and save over 60%

Buy now