Using Tablepress with Seedprod

  • Resolved diraph

    (@diraph)


    1 year, 1 month ago

    Greetings.

    Thank you greatly for making this super helpful plugin.

    I am finding it difficult to style the table.

    1. I want to to center the tablepress-42_filter (instead of right float).
    2. I want to increase the text of the table to something bigger, eg 16.
    3. I want to center the text contents in the table. They currently float left.

    PS: I tried adding these codes to the Custom CSS (plugin options) but it won’t work.

    .tablepress-42 tbody td {
    font-size: 19px !important;
    }

    .tablepress-42 {
    width: auto;
    margin: 0 auto 1em;
    }

    I will appreciate some help.

    • This topic was modified 1 year, 1 month ago by diraph.

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

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

    (@tobiasbg)

    1 year, 1 month ago

    Hi,

    thanks for your post, and sorry for the trouble.

    To target an individual table, please use the .tablepress-id-42 selector (note the extra -id, compared to your code).

    Centering the cell content is possible using

    .tablepress-id-42 tbody td {
  text-align: center;
}

    To center the search field, use

    #tablepress-42_filter {
  float: none;
}
#tablepress-42_wrapper {
  text-align: center;
}

    Regards,
    Tobias

    Thread Starter diraph

    (@diraph)

    1 year, 1 month ago

    Thank you so much. This was helpful

    However, if you check the page, the Click on Your School to Proceed wasn’t centered.

    How do I fix this?

    Thread Starter diraph

    (@diraph)

    1 year, 1 month ago

    Finally, how can I increase the length of the search field it seems small.

    Plugin Author TobiasBg

    (@tobiasbg)

    1 year, 1 month ago

    Hi,

    please try

    .tablepress-id-42 thead th,
.tablepress-id-42 tbody td {
  text-align: center;
}

    and additionally

    #tablepress-42_filter input {
  width: 400px;
}

    Regards,
    Tobias

    Thread Starter diraph

    (@diraph)

    1 year, 1 month ago

    Thank you so much. Everything was fixed.

    One last thing.

    When once clicks on the search field, the cursor won’t show. Is this padding issue and how can I fix it?

    Plugin Author TobiasBg

    (@tobiasbg)

    1 year, 1 month ago

    Hi,

    yes, this is a problem with the padding, caused by your theme’s CSS. To fix that, please add

    padding: 2px 4px;
outline-offset: 0;

    to the CSS where you are setting the width of the input field.

    Regards,
    Tobias

    Thread Starter diraph

    (@diraph)

    1 year, 1 month ago

    This issue was solved. Thank you so much.

    Plugin Author TobiasBg

    (@tobiasbg)

    1 year, 1 month ago

    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 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Using Tablepress with Seedprod’ is closed to new replies.