Reduce padding in league tables

  • Hi! I need to modifiy the league table in the link (and many others) to make them more compact, since they overflow on mobile screens. I was thinking on reducing padding for the cells (i’m open to suggestions, of course!)

    I have been inserting code into de CSS custom section, but I can’t figure out which classes i need to modify for the results to take effect!

    thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Savvas

    (@savvasha)

    Hi @dargonza ,

    Try to use the following CSS selection:

    table.sp-league-table.sp-data-table.sp-responsive-table {

}

    Thanks,
    Savvas

    Thread Starter dargonza

    (@dargonza)

    Hi @savvasha , thanks for your reply! I tested de following:

    table.sp-league-table.sp-data-table.sp-responsive-table {
font-size: 1px;
}

    I’m still getting no result, no change. I tried both on the custom CSS (settings screen) and as a <style></style> HTML code.

    A missing class maybe?

    thanks!!

    Plugin Contributor Savvas

    (@savvasha)

    Hi @dargonza

    Try to use something like:

    table.sp-league-table.sp-data-table.sp-responsive-table {
    width: 500px !important;
}

    Thanks,
    Savvas

    Thread Starter dargonza

    (@dargonza)

    Thanks for the help Savvas! that last code worked. However, it doesn’t really 0solve my problem… my tables overflow on mobile screens even though i reduce width.

    Any idea on how to tackle this one?

    Plugin Contributor Savvas

    (@savvasha)

    Hi @dargonza ,

    If your table has too many columns then there is no way to avoid overflow on mobile screens, unfortunately. Except if you want to hide some columns on mobile screens using CSS Media Queries.

    Thanks,
    Savvas

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Reduce padding in league tables’ is closed to new replies.