Table Press and Responsive themes?

Hi,

thanks for your post, and sorry for the trouble.

I can’t see a reason why this theme should not work (in any case this would not be TablePress’s fault, as TablePress can work with every theme). Please explain in more detail what is not working. Can you maybe post a link?

Regards,
Tobias

Hi,

images in tables are no problem, they just need special attention sometimes.
However, to investigate details, I need to see the table on the page. Please post a link. Thanks!

Regards,
Tobias

Hi,

ok, thanks for the link. Now, I can see the table and the images in it, but I don’t understand what the problem is. Could you please explain what is wrong and how I can reproduce it?

Regards,
Tobias

Hi,

everything is fine with that table for me. Whether I shrink my browser window, or on iPad or smartphone. The table shrinks just fine, and the images fit.

Regards,
Tobias

Hi,

Fighter2k13, was this reply intended for http://wordpress.org/support/topic/how-to-change-the-size-of-the-tex-in-the-table-header-when-he-is-selected ?

Regards,
Tobias

Hi,

thanks for your question.

Your issue is not actually with the TablePress Responsive Tables Extension (as you are not using that).
Your problem is that that your table just has too much content to fit on a small screen, so that the browser creates the overlap.
If you look at the table on a phone, there’s just not enough room, so there’s nothing that TablePress can do here. 🙁
Your best chance is to reduce the font size and the padding in the table on phones, e.g. with this “Custom CSS”:

@media (max-width: 767px) {
    .tablepress-id-3 tbody td div p {
        font-size: 12px !important;
    }
    .tablepress-id-3 tbody td {
        padding: 3px;
    }
}

Also, the way how you are doing the formatting (with <div> and <p> elements) is not really nice, as that creates overhead.

Regards,
Tobias

Hi Radhika,

this is then actually not a use case for the Extension.
The trick here is, to not create a column for each image. In fact, the table at http://www.jtdaylilies.com/our-daylily-garden/daylily-photos-a-b/ only has two columns. The images then just float next to each with the default theme CSS. And when the browser window is smaller, they just jump to the next line.
Your table however contains a column for each image, which will not work.

Regards,
Tobias

Hi,

no, changing widths of images is no problem, and of course it is allowed in WordPress 🙂 However, many themes contain CSS code that will again override the settings/numbers that you have made in the HTML code.
Where exactly can I see the images that cause problems for you and don’t have the correct size?

Regards,
Tobias