Knowledge Base

Save us time to focus on some great new features and try our self service knowledge base. Search for anything.

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

< Back to WooCommerce Variations Table FAQ

WooCommerce Variations Table FAQ Viewed: 1556

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

4 thoughts on “How to add Line Breaks and make Columns smaller in variations table”

Ngô Quốc Vinh says:
Hi
I have added that code and modify the width pixel. However, It doesn’t work
Can you check again
Thank

8. February 2020 at 5:27
Reply
- WeLaunch
  
  The Real Person!
  
  Author WeLaunch acts as a real person and verified as not a bot.
  
  Passed all tests against spam bots. Anti-Spam by CleanTalk.
  
  says:
  What does not work exactly?
  
  9. February 2020 at 10:26
  Reply
Taylor says:
Can you add a button for add to list in the table

12. May 2021 at 5:21
Reply
- Daniel
  
  The Real Person!
  
  Author Daniel acts as a real person and verified as not a bot.
  
  Passed all tests against spam bots. Anti-Spam by CleanTalk.
  
  says:
  Yes by using custom CSS
  
  12. May 2021 at 8:02
  Reply