- Posts: 19
- Thank you received: 0
How To Adjust Table Widths For Each Column?
- Joanne R.
- Topic Author
- Offline
- New Member
Less
More
2 years 6 days ago - 2 years 5 days ago #155979
by Joanne R.
How To Adjust Table Widths For Each Column? was created 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
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.
- Tuan Pham Ngoc
- Offline
- Administrator
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:
Regards,
Tuan
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.
Support
Documentation
Information
Copyright © 2025 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.