How To Adjust Table Widths For Each Column?

  • Joanne R.
  • Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 6 days ago - 2 years 5 days ago #155979 by Joanne R.
Is it possible to adjust the 4 table column widths so that they are set different widths? I am currently using this code to keep the content lined up.table{ table-layout:fixed; } 

screenrec.com/share/seYqIUMixL
Last edit: 2 years 5 days ago by Joanne R..

Please Log in or Create an account to join the conversation.

More
2 years 4 days ago #156010 by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic How To Adjust Table Widths For Each Column?
As replied via email, each column has it own css class. So you can use css to control the width of each column, something like:
Code:
@media (min-width: 768px) { #eb-categories .eb-event-title-column { width: 50%; } #eb-categories .eb-event-date-column { // Width for event date column here } #eb-categories .eb-event-price-column { // Width for event price column here } #eb-categories .eb-register-buttons-column { // Width for register buttons column here } }

Regards,

Tuan

Please Log in or Create an account to join the conversation.