Support » Plugin: TablePress » Table Press and Responsive themes?

Viewing 15 replies - 1 through 15 (of 68 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    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

    I have images in the table, I think that’s causing the problem.

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Here it is on a test site:

    http://psychiclifeanswers.cloudtechseo.com/

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    The theme is responsive. When you shrink it down, the images in the table — well, it looks like the table itself — doesn’t actually shrink. It kind of overlaps. How does it look on your end?

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    WOh yeah ! Working pefect now. Much thanks.

    Plugin Author TobiasBg

    (@tobiasbg)

    radhikashah

    (@radhikashah)

    I have an issue with the tablepress responsive. It is not working. The table overlaps everything and goes beyond the end of the website 🙁

    http://www.jtdaylilies.com/our-daylily-garden/lilies/ (phone)

    A timely help will be highly appreciated

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    radhikashah

    (@radhikashah)

    Hi Tobias

    Thanks for helping me.

    I installed the responsive tablepress with your help.

    But still its not giving me a proper look

    http://www.jtdaylilies.com/our-daylily-garden/lilies/

    I want my table to look like that
    http://www.jtdaylilies.com/our-daylily-garden/daylily-photos-a-b/

    Will the above solution work for that as well?

    warmest regards
    Radhika

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    radhikashah

    (@radhikashah)

    Thanks Tobias

    Then I guess I will not insist on using the extension.

    But I have got another weird problem here. When I insert the image in the cell (as a thumnail) the images look different even when I have give the same dimensions in the table.

    eg:

    <img src=”http://www.jtdaylilies.com/wp-content/uploads/2013/04/Jan-3rd-2013-012-jack-watermark.jpg” alt=”Arctic Lace” width=”150″ height=”128″ class=”alignleft size-thumbnail wp-image-183″ />

    So basically what I am doing is inserting the image in the cell and changing the width=”150″ & height=”128″. Is that not allowed in wordpress?

    Plugin Author TobiasBg

    (@tobiasbg)

    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

Viewing 15 replies - 1 through 15 (of 68 total)
  • The topic ‘Table Press and Responsive themes?’ is closed to new replies.