• Resolved planet7

    (@planet7)


    Hi

    I am using Sporty wordpress theme and sportspress and it is all mostly working great. I have a page with the event calender as a list, currently it is all black borders with black text, white background, with links in blue.

    Is there an easy way to make the heading of the table another olour and maybe every other row alternate in colour (like you see on some tables)?

    Is there a bit of CSS code I could add in additional CSS box?

    Thanks

    Scot

Viewing 6 replies - 1 through 6 (of 6 total)
  • Don’t know if this code can be messed with but these two lines of code gives you this effect HERE used for promotion and relagation

    .sp-league-table tbody tr:first-child td,.sp-league-table tbody tr:nth-child(2) td {background: #008902;}
    .sp-league-table tbody tr:last-child td,.sp-league-table tbody tr:nth-last-child(2) td {background: #eded00;}

    Maybe someone can tweek it somewhat

    • This reply was modified 7 years, 11 months ago by kev147.
    • This reply was modified 7 years, 11 months ago by kev147.

    Hi Scot!

    Since you are using a custom theme it is probably overwriting the SportsPress CSS rules. I recommend you contacting the theme authors so they can help you with the zebra tables & header customization.

    Thanks!

    Thread Starter planet7

    (@planet7)

    Thanks all

    Thread Starter planet7

    (@planet7)

    Thanks Kev147

    That code was helpful, I managed to adjust it to change the columns and make the colours change alternate.

    thead th { text-align:left; background:#5ccdf9; color:white}

    .sp-event-list tbody tr:first-child td,.sp-event-list tbody tr:nth-child(odd) td {background: #cecece;}

    Thanks

    Scot

    I’m glad it’s resolved!

    Please, let us know if you need anything else.

    Plugin Contributor Savvas

    (@savvasha)

    Just marking it as resolved 😉

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘make event list more flashy’ is closed to new replies.