3 Columns

  • Resolved allanthurston

    (@allanthurston)


    6 years, 7 months ago

    Hi Tobias
    I have a table that has 3 columns, the content is the restaurant opening times. If you follow the link to the web page you will see that the centre column is in 2 lines and the third column is in 1 line. I have played with the padding of all 3 columns but I cannot seem to be able to get all 3 on one line. It may be that the table is too narrow but I am not sure. Could help please.
    Allan

    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.

    This is mainly caused by the CSS block

    .tablepress .column-2 {
	width: 70px;
}

    that you have in your “Custom CSS”. Note how this does not have the table ID after the .tablepress part. Due to that, this command applies to all TablePress table on your site, which means that you are currently instructing the browser to set the widths of the second column of every table to 70px – and that’s the column with your opening times in that table in the sidebar.

    I therefore recommend to remove or adjust this piece of code so that you use it only for the table where you actually want to change the width of the second column (e.g.

    .tablepress-id-1 .column-2 {
	width: 70px;
}

    After that, if you also reduce the padding values that you are currently setting for the table 12, it should fit in one line.

    Regards,
    Tobias

    Thread Starter allanthurston

    (@allanthurston)

    Fantastic, many thanks once again Tobias.
    Allan

    Plugin Author TobiasBg

    (@tobiasbg)

    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!

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