CMS Made Simple Forums

Posted: **Mon Oct 01, 2012 9:08 am**

Hi,

I'm listing 3 news article summaries on my home page in 3 CSS columns, the third column needs an added style 'nomargin' how can I detect the third article in my template to apply the additional style?

Have tried to use itemcount but this obviously isn't correct.

Code: Select all

{if $itemcount == 3}
<div class="newscol nomargin">
{else}
<div class="newscol">
{/if}

Thank you for any assistance.

Chris

Posted: **Mon Oct 01, 2012 5:35 pm**

Sometimes I use counter for something like this...

<div class="newscol nogo{counter}">

Gives nogo1, nogo2, etc. etc...

Posted: **Thu Oct 04, 2012 9:45 am**

Brilliant. That worked perfectly, thank you.

Posted: **Fri Oct 05, 2012 12:29 am**

you can also use the CSS3 selector :nth-child(3) or :last-child. Only donwside is that it won't work in older browsers (like IE8).

Posted: **Fri Oct 05, 2012 1:43 am**

http://forum.cmsmadesimple.org/viewtopi ... =20&t=8694

CMS Made Simple Forums

Change news artcile style

Change news artcile style

Re: Change news artcile style

Re: Change news artcile style - Solved

Re: Change news artcile style

Re: Change news artcile style