Start a project

How to add Line Breaks and make Columns smaller in variations table

WooCommerce Variations Table FAQViewed 2213 times

If attribute columns for example are too long and there is no line break, please add this custom CSS:

#variations-table-header-at {
	width: 100px !important;
	max-width: 100px !important;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
	white-space: normal;
}

Questions & answers (4)

  1. TaylorMay 12, 2021

    Can you add a button for add to list in the table

  2. DanielMay 12, 2021

    Yes by using custom CSS

  3. Ngô Quốc VinhFebruary 8, 2020

    Hi
    I have added that code and modify the width pixel. However, It doesn’t work
    Can you check again
    Thank

  4. WeLaunchFebruary 9, 2020

    What does not work exactly?