make event list more flashy

  • Resolved planet7

    (@planet7)


    7 years, 11 months ago

    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)
  • kev147

    (@kev147)

    7 years, 11 months ago

    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.
    Roch

    (@rochesterj)

    7 years, 11 months ago

    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)

    7 years, 11 months ago

    Thanks all

    Thread Starter planet7

    (@planet7)

    7 years, 11 months ago

    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

    Roch

    (@rochesterj)

    7 years, 11 months ago

    I’m glad it’s resolved!

    Please, let us know if you need anything else.

    Plugin Contributor Savvas

    (@savvasha)

    7 years, 10 months ago

    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.