tablepress responsive problem

  • Resolved magdy999

    (@magdy999)


    4 years, 4 months ago

    Hello, im using this code
    [table id=123 responsive=stack responsive_breakpoint="phone" /]
    for responsive and i want to show only 2 entries at the box for example :
    https://prnt.sc/v0v7gi
    i do not want to show 4 entries in each box
    i want to show only 2 entries please

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is a bit tricky. You could for example add an extra border line. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media screen and (max-width:767px) {
  .tablepress-id-97 .column-2 {
    border-bottom: 1px solid #cccccc;
  }
}

    Regards,
    Tobias

    Thread Starter magdy999

    (@magdy999)

    I’ve added it but its not working correctly !

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    this was only the first part. To also change the background colors, please change the CSS to

    @media screen and (max-width:767px) {
  .tablepress-id-97 .column-2 {
    border-bottom: 1px solid #cccccc;
  }
  .tablepress-id-97 tr .column-1,
  .tablepress-id-97 tr .column-2 {
    background-color: #f9f9f9;
  }
  .tablepress-id-97 tr .column-3,
  .tablepress-id-97 tr .column-4 {
    background-color: #ffffff;
  }
}

    However, please put this in the “Custom CSS” text field of TablePress and NOT into the “Custom CSS” of your theme!

    Regards,
    Tobias

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