How To Adjust Table Widths For Each Column?

  • Joanne R.
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 2 months ago - 1 year 2 months 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: 1 year 2 months ago by Joanne R..

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

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
1 year 2 months 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.