Column width

  • Resolved blumeremc

    (@blumeremc)


    5 years, 6 months ago

    Hi Tobias,

    how can I set the plugin so that the two columns of the tables on the whole page all have the same width adapted to the content and the brown lines do not go over the whole width, so in column 1 should after the longest entry something then be free space then column 2 with the prices with some clearance and then the table closed.
    I hope I have explained it halfway understandable what I want.

    Thanks and best regards Blume

    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 question, and sorry for the trouble.

    Here, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .page-id-3565 .tablepress {
	width: 50%;
	margin: 0 auto 1em;
}
.page-id-3565 .tablepress .column-1 {
	width: 80%;
}
.page-id-3565 .tablepress .column-2 {
	width: 20%;
}

    Regards,
    Tobias

    Thread Starter blumeremc

    (@blumeremc)

    Hi Tobias,

    it works great on Desktop! Tanks!

    However, the table on the smartphone is so unfortunately too narrow, how must there be the setting?

    Thanks and best regards Blume

    • This reply was modified 5 years, 6 months ago by blumeremc.
    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    you could make all this apply only on big screens. For that, try changing

    .page-id-3565 .tablepress {
	width: 50%;
	margin: 0 auto 1em;
}

    to

    @media screen and (min-width: 800px) { 
  .page-id-3565 .tablepress {
	width: 50%;
	margin: 0 auto 1em;
  }
}

    Regards,
    Tobias

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