Hi,
after looking at your page, I saw that you placed the CSS in the post, which is wrong. You need to put it in the “Custom CSS” textfield on the “Plugin Options” screen of WP-Table Reloaded.
You will also need to add a line to the “Custom commands” textfield on the “Edit” screen of the table, as outlined in the FAQ for the plugin on its website.
But even more important: Even if you can manage to get the column widths to work, you will probably not get nice results, because you are just trying to squeeze to much information into the table, i.e. the table has too many columns to fit nicely on the page.
Best wishes,
Tobias
Hi Tobias,
I am also having difficulty with column widths
The issue is column B appears below comumn A.
All other comumns appear next to each other.
Table page
http://www.halvorsenclub.com.au/?page_id=10
I have tried various combinations of below plus width in px
.wp-table-reloaded .column-1 {width:50%;}
.wp-table-reloaded .column-2 {width:15%;}
.wp-table-reloaded .column-3 {width:15%;}
.wp-table-reloaded .column-4 {width:20%;}
Any help is greatly appreciated.
Thanks,
Hi,
the problem you experience is caused by your theme’s CSS. It contains some CSS code that will add commands to the first and second column, because they share the same class with some other container in your theme’s HTML.
To fix it, please try adding this code to the “Custom CSS”:
.wp-table-reloaded .column-1 {width:auto; float:none!important; margin-right:0!important;}
.wp-table-reloaded .column-2 {width:auto; float:none!important;}
This should make your table look ok in the first place, and from there you should be able to start playing with the column widths.
Best wishes,
Tobias
Thank you very much for your quick reply. This has fixed the issue.
Cheers,
