Kathy Jones

Thank you but I always work in the text editor when making these changes. As I said, it ha some sort of problem where the command converts to a simple break.

Hello and I am still having an ongoing problem with the rows side by side not working properly. For some unknown reason they have defaulted to a complete mess.

The url for the page where I am having the problem is http://www.qbfhs.ca/workshops/unlocking-the-past-2018-conference/unlocking-the-past-conference-2018-schedule/

The first two rows of tables have text inserted in the middle rather than below and the second row of tables has defaulted to the right side only.

The plug-in options for the four tables is below and I don’t see where it has changed or where it went wrong.

.tablepress-id-56 {
width: 49% !important;
float: left;
}

.tablepress-id-57 {
width: 49% !important;
float: right;
}

.tablepress-id-56 .column-1,
.tablepress-id-57 .column-1 {
width: 100px;
}

}

@media ( min-width:900px ) {

.tablepress-id-58 {
width: 49% !important;
float: left;
}

.tablepress-id-59 {
width: 49% !important;
float: right;
}

.tablepress-id-58 .column-1,
.tablepress-id-59 .column-1 {
width: 100px;
}

}

}

@media ( min-width:900px ) {

Thank you and it is frustrating when one keystroke can make a huge difference. I should have caught the ” myself. All well now and thanks very much.

Problem fixed with second table on second section fixed. Both tables are now visible but the text below tables 1 and 2 is between the two tables and the text below tables 2 and 3 is between these two tables. Thank you again for your assistance.

Thank you very much, Tobias. That worked.

Thank you, that solved my first two issues. What I am having a problem with right now is how to set the width of the individual columns. Currently the span across the whole width of the page and I would like to contain them to basically the width of the two columns with the first column set to a narrower width than the second column. I did follow the information below and tried to adjust the padding and/or table width unsuccessfully as I wasn’t sure how to adjust the settings so I end up with a table that only is as wide as the information in the table itself. Difficult to explain, but I hope you understand.

.tablepress-id-N .column-2 {
width: 100px;
}
The N needs to be changed to the ID of the table in question (or use .tablepress as the first part of the selector, if you want this to apply to all tables).
This is the general pattern I recommend. You can use this as often as needed, changing the column in question to the correct number each time.
Note: In most cases, it is not necessary to set the column widths directly! Instead, you will want to reduce the padding (the white space between the text in a cell and the edges of a cell), with the CSS code
.tablepress-id-N .column-2 {
padding: 4px;
}
which again needs to be adjusted as above.

Thanks very much.

Thank you. I checked both the WW 1 and WW 2 pages and they are now both working correctly. I appreciate your promptness in fixing these problems.