select first item from mod_articles_category

[pieter-jan]

For a layout override on mod_articles_category, i would like to show the first item in a different way of the rest. Default layout outputs all items the same (foreach.... etc). How do i target the first item specificly and let the rest follow?

[itoctopus]

You can style the first item differently using CSS. You can do this with the first-child selector. For example, if you want the font color of the first time to be red, you can do this the following way:

Code: Select all

.modulecss ul li:first-child {
    color: red;
}

Where modulecss is the CSS of the module (that you can set at the module level).

[pieter-jan]

thnx, but i get that method. Point is i want some different classes on the first item (making the first item 6 colums and the rest 3, for example), so i'm looking for a way to target the first item within the module itself, not trough css

[toivo]

If you need to modify the PHP code and change the current CSS classes of the first article, you can create an override of the file default.php in the html folder of your template:
https://docs.joomla.org/J3.x:How_to_use ... _Overrides
https://docs.joomla.org/Layout_Overrides_in_Joomla

[pieter-jan]

If you need to modify the PHP code and change the current CSS classes of the first article, you can create an override of the file default.php in the html folder of your template:
https://docs.joomla.org/J3.x:How_to_use ... _Overrides
https://docs.joomla.org/Layout_Overrides_in_Joomla

Thnx for your answer, but it isn't the answer that i was looking for. I know how to do overrides, i'm looking for a php method to target the first item in an itemloop on mod_articles_category, as discribed in my OP.

[toivo]

If you would like someone to do the PHP coding for you, you could perhaps post a request to the Professional Development Services forum at http://forum.joomla.org/viewforum.php?f=177

[sovainfo]

The standard trick for that is to introduce a boolean initialized to true. Inside the loop you test for true and do whatever you need to do once and set the boolean to false.