• Resolved hsysgrp

    (@hsysgrp)


    I installed twenty twenty because it had a full-width page template. The TablePress table loads to full width for about 2 seconds and then snaps back to the block width. I have tried some suggestions in the CSS customize to no effect. I have no idea what would cause this.

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

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    I tried checking your link, but unfortunately, I only get an error message. Is this really the correct link? Or could this be cause of the site still being under construction?

    Regards,
    Tobias

    Thread Starter hsysgrp

    (@hsysgrp)

    Thank you
    New address: https://www.aauwbranch.com
    Click on the Members page. the table displays full width for about 2 seconds and then snaps back to default block width, (I think).

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link! You are right, the table “snaps” back to block width, but from what I can see, this is what the theme defines as “Full width”.

    Even if the table would go from left to right edge of the browser window, the content wouldn’t fit. That’s why, the horizontal scrolling is the only real solution here.

    To make the word-wrapping nicer, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    tablepress td,
    .tablepress th {
    	word-break: normal;
    }

    Regards,
    Tobias

    Thread Starter hsysgrp

    (@hsysgrp)

    Thank you for your reply.
    I have the scrolling enabled, but really liked the 2 seconds when it was full width. Why does it snap back like that. Does your css load first and then the theme’s? If so, could I specify a wider container in a child theme to force a larger width. I am new to the block method, the default widths seem measly to me when I am looking at almost 15 inches of width.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    I’m not really sure why the table is shown with that full width, to be honest. It’s not the TablePress CSS though. What does have an influence is the time that it takes to add the JS functions, like search, sorting, etc.

    And yes, you could make the width even wider by modifying the theme CSS, e.g. in child theme. Unfortunately, I don’t know what exact changes would be necessary.

    Regards,
    Tobias

    Thread Starter hsysgrp

    (@hsysgrp)

    I got it to work using a three column block, with the end columns set to 2.5, and the middle one as large as can be, and the column group width set to full, and the page template set to full-wide. There is a youtube demo that uses this trick to have skinny blogs followed by wide blogs. It is sensitive, you have to set the columns a couple of times until they stick where you want them. Thank you, its reassuring to know somebody else has an interest.
    Claudette

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Claudette,

    nice idea! Good to hear that you found a working solution!

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Full-Width’ is closed to new replies.