Alternator function inside template loop

[eluser]John_Betong_002[/eluser]
I am curious to know the values of "article_name" and "article_descr".

I think it is better to use "li h3 {...}" and "li p {...}" instead of replicating your classes.

I think also you can apply id="articles_list" directly to your unorderd-list and eliminate the div.

Code:

//css file
#articles_list li h3 {font-weight:700; color:red; font-size:2em; line-height:4em; margin-bottom:2em}
#articles_list li p  {font-size:0.88em; padding:0.42em; background-color:#eee;color:#333}

#articles_list li:nth-child(even){ background:#EDF3FE}
#articles_list li:nth-child(odd) { background:#FFF}

//view file
{articles}
  <ul id="articles_list">
    <li>
        <h3> {name}        </h3>
        <p>  {description} </p>
    </li>
  </ul>
{/articles}