Hello how can I reduce the space between two columns

  • Resolved mrmicheal

    (@mrmicheal)


    1 year, 11 months ago

    Hello I want to reduce the space between the two columns of the table how can I achieve that? Also, I want the Data on column 2 row 3,6,8,11,12 to be on a straight line?

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

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

    (@tobiasbg)

    1 year, 11 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    For that, you’d need to set a smaller column width on column 1, and instruct the browser to not add automatic line breaks. For that, you can add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-1 .column-1 {
  width: 180px;
}
.tablepress-id-1 {
  white-space: nowrap;
}

    Regards,
    Tobias

    Thread Starter mrmicheal

    (@mrmicheal)

    1 year, 11 months ago

    I appreciate the prompt reply Tobias. The code worked but the table is not showing fully on mobile

    Plugin Author TobiasBg

    (@tobiasbg)

    1 year, 11 months ago

    Hi,

    that’s the drawback when forcing line breaks to be off. Thus, you’ll likely not need that second piece of CSS code, as you already reduced the column widths.
    Alternatively, I recommend to add horizontal scrolling, via the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/

    Regards,
    Tobias

    Thread Starter mrmicheal

    (@mrmicheal)

    1 year, 11 months ago

    Okay I appreciate.

    • This reply was modified 1 year, 11 months ago by mrmicheal.
    Plugin Author TobiasBg

    (@tobiasbg)

    1 year, 11 months ago

    Hi,

    sure, no problem! I hope it helps!

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hello how can I reduce the space between two columns’ is closed to new replies.