Column 1 Wider Than Column 2

  • Resolved LN-CWM

    (@ln-cwm)


    11 months, 2 weeks ago

    Hello: On the page linked below, I have a table with two columns. I have not added any CSS code for custom column widths in the box on the Plugin Options page. I am wondering why column 1 is considerable wider (about 100px wider) than column 2. I’m guessing that, in the absence of any custom CSS, the two columns ought to be of equal width.

    How can I ensure that both columns are of equal width?

    I’m using the latest version of WorldPress and the Plugin.

    • This topic was modified 11 months, 2 weeks ago by LN-CWM.

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

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

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    By default, if no CSS is specified, the browser will determine the column widths based on the length/size of the text in the cells/columns. That’s why your columns have different widths.

    To make them equal, you can add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress-id-2 td {
    width: 50%;
}

    See https://tablepress.org/faq/column-widths/ for more on this.

    Best wishes,
    Tobias

    Thread Starter LN-CWM

    (@ln-cwm)

    Brilliant! That did the trick. Thanks so much for your support.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi @ln-cwm,

    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 in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Column 1 Wider Than Column 2’ is closed to new replies.