Table exceeds the width of the post

Hi,

thanks for your question, and sorry for the trouble.

The reason for this indeed is Twenty Fourteen, but it’s not an actual incompatibility. What you see there, simply is how Twenty Fourteen shows its full width template (compare this for example to the demo page https://twentyfourteendemo.wordpress.com/default-page-templates/full-width-page-template/ where you can basically see the same). In that template, the main content is rather small and shifted to the right.

This is not caused by TablePress, but simply a result of how the theme displays this page. (You will see the same if you remove the Shortcode from that page and only add regular text. The text will also not be on the left, but more to the center.)

The proper fix would be to modify the theme, so that it shows pages in the full-width template with more width.
A small hack would be to use this CSS code, but it will not be nice:

#content .tablepress-id-1 {
  margin-left: -250px !important;
}

Regards,
Tobias

Tobias, hi !!

Now you tipped me off I remembered that I had already experienced this problem in another site with this Thema (Twenty Fourteen), there what I did was add the code below and adjust the content margins of the site, did the same in this site and I’m perfect, after minor adjustments in the width of the columns.

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
max-width: 100%;
}
.archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
margin-right: 24px;
}

Thanks for attention!!

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!