Change Font Size of Tables Title, ‘Search’ Text by Search Box etc

  • Resolved jhtopbantz

    (@jhtopbantz)


    5 years, 8 months ago

    Hi mate,

    Big fan of your work!

    I have managed to work out most CSS options for customising the tables look but what I’m really struggling with is the peripheral stuff.

    I’d like to be able to change the font size of the Title of each table, the word ‘Search’, next to the search box, ‘Show X entries’, and ‘Showing 1 of X of Y entries’ etc etc. Is there one single line of CSS that can alter the font for all these or do I have to do them individually? I’d also like to change the size of the search box as well if that’s at all possible?

    Any help with all or some of this would be amazing, thanks so much.

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This does indeed require a few lines of CSS code, but not too much. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter jhtopbantz

    (@jhtopbantz)

    Hi mate thanks for the quick response!

    I set up a test page to keep things simple so this is a good example of the tables I need to change

    https://bigcoindata.io/test/

    Cheers!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks! Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .dataTables_wrapper label,
.dataTables_info,
.dataTables_paginate {
    font-size: 12px;
}
.dataTables_wrapper select,
.dataTables_wrapper input {
    font-size: 12px !important;
    height: auto;
    line-height : normal;
}

    Regards,
    Tobias

    Thread Starter jhtopbantz

    (@jhtopbantz)

    Ah that worked perfectly, thanks so much for your help!

    Plugin Author Tobias B?thge

    (@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!

    Thread Starter jhtopbantz

    (@jhtopbantz)

    Given you a great rating, thanks again

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks, I really appreciate it!

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change Font Size of Tables Title, ‘Search’ Text by Search Box etc’ is closed to new replies.