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

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

Categories
Latest Articles