Sign in
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.


  • This topic has 5 replies, 3 voices, and was last updated 1 year, 1 month ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #9091
    Avatar photothemuttsknutts

    Am I missing something in the way Publii handles tables. Whatever I try I can’t fix the table width or control the width of the individual columns.

    Avatar photoitips3727

    If you have the latest version of Publii, are using one of the Publii themes from  and create your web pages using the WYSIWYG editor, you can use the ‘Table’ button to easily create and edit a data table, set the number of columns, rows, styling, etc. So that’s the easy way.

    If you wanted to customize your table precisely, you can choose the ‘Source code’ button, and edit the HTML code, if you’re familiar with that. For example, usually be default, table width is set to 100%, so you can change that to another value, say 85%. You can set column widths too by editing the HTML. Or if you have the code for an entire table you want already defined, you could try copying and pasting that into your source code to replace the entire existing table.

    The documentation page is at: The WYSIWYG editor page at:

    Some ‘standard’ data table options shown for the ProDocs theme at:

    Avatar photothemuttsknutts

    I have the latest version of Publii, the  WYSIWYG editor and am using a standard theme with no customisation.

    I have no-indexed the page in question and uploaded it so you can see my issue. –

    No matter what settings i use in the table or even fixed width i am still getting a table that is 29000px wide.

    Avatar photoitips3727


    To run a quick test, I’ve just temporarily copied and pasted your <table> …. </table> code into both a Publii Simple theme and an Art Gallery theme, and both display your table data (images, headings, text, rows, columns, etc) okay both for desktop and mobile (responsive) views. On desktop display: Simple theme table width = 866px, Art Gallery theme table width = 823px. So this suggests your problem is elsewhere.

    Your page at: has a lot going on, ads, iframes, customisation, etc. Perhaps one approach is to create another test copy of your site in Publii, then remove all the ads, iframes, any other customisation of whatever Publii theme you’re using. Or, alternatively create a new test Publii site with your original Publii theme, then copy and paste your <table> …. </table> code into a new test page and test the display. That will probably display okay. Then step by step add in elements to your site and test each display to help identify where it’s goes wrong.

    Avatar photoprivii

    Add this to your custom CSS (Tools  > Custom CSS):

    table {white-space: normal;}
    Avatar photothemuttsknutts

    Many thanks. white-space: normal} works a dream. </span>

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.