Hi,
thanks for your post, and sorry for the trouble.
That page from your link uses a slightly modified version of the stack mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/
This will then change the layout of the table on small screens.
Regards,
Tobias
That didn’t do anything unfortunately
Hi,
what’s the exact Shortcode that you are now using for this table? Did you add the Shortcode parameters?
Regards,
Tobias
[table id=2 /] is my shortcode. The other website I am trying to mimic uses this code [sermon2 year=”2021″ month=”02″ day=”24″ title=”Living Evidence Of The Bride’s Revival” speaker=”Bro. Andrew Glover” vid=”1234567″ stream=”both” download=”mp3″ order=”both”]
But the guy running it did not build it so he just copies and pastes by updating info every service. I am at a loss of how to get that code to work. He said he just adds it to column 1 and it works but I have to be missing something somewhere. There must be some code I need that I can’t figure out. Forgive me for my noobness.
Hi,
[table id=2 /] is not sufficient here. You will need to extend that a little bit, as explained on https://tablepress.org/extensions/responsive-tables/
In your case, please extend it to
[table id=2 responsive=stack responsive_breakpoint=phone /]
As for that [sermon2 ... /] Shortcode: That’s not coming from TablePress, and I don’t think it’s necessary for your site, if you just want to re-create this layout.
Regards,
Tobias
man that looks great. Thanks so much. I didnt read about the responsive. I just installed thinking it would do it. LOL. Thanks so much. I sincerely appreciate it.
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
Quick question. on my table page http://www.wordoflifetab.net/2021sermons/ My words in the first column are right on the edge of the table, no spacing. How do I change that? Maybe similar to this http://www.happyvalleychurch.com/sermon-list/
Thanks in advance.
Hi,
the cause for that is that your theme is removing this padding in its CSS code. To again add it, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:
.tablepress th:first-child,
.tablepress td:first-child {
padding-left: 8px;
}
Regards,
Tobias
