Hi,
thanks for your post, and sorry for the trouble.
First, we should indeed turn off the JavaScript functions. For that, please uncheck the “Use DataTables” checkbox on the “Edit” screen of the table. Additionally, please also uncheck the “Table Head” checkbox for now, as that is not (yet) useful. Finally, please delete all the empty rows in the table, by activating the checkboxes on their left and then click the “Selected rows: Delete” button.
After that, we can proceed with the widths: For that, it should in this case be enough to add this to the “Custom CSS”:
.tablepress-id-1 {
width: auto;
}
Regards,
Tobias
I can’t find anything that says Edit. Is that the same as Plugin Options?
OH WAIT ~~ whole different screen.
So far so good on the correct screen, except I couldn’t find the Selected rows: Delete Button. (I should probably mention that I have a brain injury)
Okay, I’m not sure whre the “custom CSS” is because when I put that bit into “Custom Commands” I got a message saying Invalid. So, the small print says NOT there. but when I add it to the box that opens when I click on the link, nothing happens to the width of my table….
Hi, Okay, so given that it’s responsive and it duplicates the breaks between items that makes it easier to associate foods with content, I think it’s okay.
Can the words in some rows be bold?
Hi,
great to see that you were already able to adjust those checkboxes! 🙂 Now, for the width: For some reason, I assumed that the ID of the table on that page is 1, but in fact, the table ID is 4. Thus, please change the “Custom CSS” code that you pasted in previously to
.tablepress-id-4 {
width: auto;
}
(i.e. change the 1 to a 4). After that, the table will be smaller.
You can now also re-enable the “Table Head” checkbox, as that now makes sense for this table (as it has an actual header row).
Regards,
Tobias
Oh, I didn’t see your last response when I wrote Neat! Neat!
Yes you were correct, it was 1. But when I couldn’t work out how to delete the unneeded lines I did a new table.
Since we’re back… if I make it smaller, will it still be responsive?
actually, I can try and see, since you may not come back to this thread now that it’s marked Solved.
COMPLETELY DYNAMITE!
If I do the table properly then even very small the table will still show the food and its content correctly side by side.
Totally Amazing!!!!!
Thank you
Hi Karen,
don’t worry, I’ll see replies here, even after the thread is marked as “solved” 🙂 (I just couldn’t answer earlier, as I was asleep here on the other side of the world 🙂 )
Great to hear that this helped, and that you are now happy with that solution! 🙂
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
