Highlight background on alternating event rows

  • Resolved palmerct

    (@palmerct)


    6 years, 5 months ago

    Has anyone ever customized the code for the Default Event List Format such that every other event has a different background color? I would like to have a light gray on the background of every other event listed to give them a bit more contrast.

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

  • Hello,

    You could do this by using a their shortcode to format the display as table and using CSS.

    Sample Shortcode:

    <table class="events-list">
[events_list scope="future" limit="0"]
<tr>
<td>#_EVENTLINK</td>
<td>#_EVENTDATES</td>
</tr>
[/events_list]
</table>

    sample css is: (assuming you havve a table with class named events-list)

    table.events-list tr:nth-child(odd) {background-color: #DEDEDE;}
table.events-list tr:nth-child(even) {background-color: #f2f2f2;}
    Thread Starter palmerct

    (@palmerct)

    Thanks! I will give that a shot. I completely missed the Shortcodes section of their documentation – duh!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Highlight background on alternating event rows’ is closed to new replies.