Table problems/standings and rosters tables are missing

  • Resolved marren

    (@marren)


    10 years, 12 months ago

    Hello!

    First of all guys, thank you for this BRILLIANT plugin – I’ve been trying so many different plugins for this work and I have never been so satisfied as when I found this yesterday!

    I’m trying to set up the plugin for my floorball-club (you’re probably not known of it yet since it’s a pretty small sport, so a hint is wikipedia -> floorball)

    However, everything works good and looks fine when I’m using the themes WordPress provides (Twenty Fourteen & Twelve) but when I activate mine, which I have bought, the tables are “missing” so the presentation all gets mixed up.

    It might be a pretty easy solution, but I’m not that good on the css/codings to be honest (maybe that’s why I am so glad for you’re work, since it is exactly what I was looking for :)).

    To make a quich look of it, I’m providing three snaps of how it looks.

    Picture 1: https://imgur.com/SyKC2FC
    Picture 2: https://imgur.com/Q6lwakI
    Picture 3: https://imgur.com/ZvSlOg3

    I understand it has something to do with “my” theme and it’s css (?) but how can I found out what’s wrong? ??

    Best regards,
    Martin

    https://www.ads-software.com/plugins/sportspress/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author ThemeBoy

    (@themeboy)

    Hi Martin,

    Thank you for your kind words. Glad you’re enjoying the plugin!

    You’re right, it looks like the theme’s stylesheet is wiping out the table borders. Let’s target the league table with some new CSS rules:

    .sp-league-table { display: table; border-collapse: collapse; }
    .sp-league-table tr { display: table-row; }
    .sp-league-table th, .sp-league-table td { display: table-cell; padding: 5px; border: 1px solid #000; }

    This should add black borders and some padding to the table cells. You can change #000 to another color like grey (#999) or red (#f00).

    Hope this helps ??

    Thread Starter marren

    (@marren)

    Hi again, and thanks for your quick reply! ??

    It did the trick (almost) on the league-table but the event and statistics is still the same.

    Is there a different code to input for those pages? ??

    Here’s a pic of the change:
    Picture 1: https://imgur.com/CGR4UyC

    Best regards,
    Martin

    Plugin Author ThemeBoy

    (@themeboy)

    Hi Martin,

    You can target all of the tables generated by SportsPress using the selector .sp-data-table

    Change the CSS rules to:
    .sp-data-table { display: table; border-collapse: collapse; }
    .sp-data-table tr { display: table-row; }
    .sp-data-table th, .sp-data-table td { display: table-cell; padding: 5px; border: 1px solid #000; }

    Hope this helps ??

    Thread Starter marren

    (@marren)

    Thank you once again for your reply. Your’e awesome!

    It went on better, I must say! ??

    Now it looks like this:
    Picture 1: https://imgur.com/ti3WkB2

    I’m trying to make the table to be 100% but I don’t really got it I think.

    I’ve added width: 100% to the code like this:
    .sp-data-table { display: table; border-collapse: collapse; margin-bottom: 20px; width: 100% }
    .sp-data-table tr { display: table-row; }
    .sp-data-table th, .sp-data-table td { display: table-cell; padding: 5px; border-bottom: 1px solid #9a9797; }

    It’s almost good in the league-table and player statistics-page but the event-page is messed up.

    Here’s what it looks like right now:
    Picture: https://imgur.com/wAS3Nnp
    Picture: https://imgur.com/XzNbl9T
    Picture: https://imgur.com/WEISl2R

    I tried to change the code in different combinations but it won’t work for some reason. Is there a small change I should do with the width-code you think or what am I doing wrong? ??

    Best regards,
    Martin

    Thread Starter marren

    (@marren)

    Woho!

    Google is my friend. I’ve got it!

    Here’s my code:
    .sp-data-table { display: table; border-collapse: collapse; margin-bottom: 20px; text-align: justify; width: 100%; }

    And now we’re on. Thanks for the update by the way, this is amazing!

    Best regards,
    Martin

    Plugin Author ThemeBoy

    (@themeboy)

    Hi Martin,

    Glad you found a solution!

    More features coming soon ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Table problems/standings and rosters tables are missing’ is closed to new replies.