• Resolved adamovic

    (@adamovic)


    Hi Tobias!

    I noticed today that one of my table’s width setting wasn’t right.
    I set the widths for all my tables sometime last year and it all worked fine and still does, apart from table 49.
    Here’s the CSS I’m using:

    /* center all tables */
    [class*="tablepress-id-"] {
    	flex: 0 0 auto;
    	margin: auto;
    	width: 1260px;
    }
    .tablepress-id-49 {
    	width: 850px;
    }

    I tried adding the !important tag but nothing changes. I’m clueless as to what could be wrong because the very same works for every other table I have. Any ideas?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I see what you mean, but unfortunately, I can’t see why this is happening. It looks like the width changes to the smaller one once one starts that vertical scrolling. I assume that this is related to that, or maybe the flex attribute.

    Something else: Also, it appears that the CSS code is in the page twice, namely in the TablePress “Custom CSS” file and in some “asset-cleanup” cache CSS file.
    Also, instead of [class*="tablepress-id-"] you could probably use the easier .tablepress CSS selector.

    Regards,
    Tobias

    Thread Starter adamovic

    (@adamovic)

    Interesting.
    I think this might be due to lazy loading of images.
    Also, nice catch about the duplicated CSS, I have to fix that.

    Thanks!

    Thread Starter adamovic

    (@adamovic)

    Yup, just as I thought, image loading was the issue. By specifying the width of all images in their tag, the problem was resolved 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    great! Good to hear that you found the cause! 🙂

    Best wishes,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Tablepress table width’ is closed to new replies.