ThemeShaper Forums Topic: First element in a list: class="cat-item-first"

ThemeShaper Forums Topic: First element in a list: class="cat-item-first" http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 09 Feb 2012 03:48:54 +0000 Chris on "First element in a list: class="cat-item-first"" http://themeshaper.com/forums/topic/first-element-in-a-list-classcat-item-first#post-6807 Tue, 29 Sep 2009 18:55:46 +0000 Chris 6807@http://themeshaper.com/forums/ Thanks a lot for your help!! Baudesign on "First element in a list: class="cat-item-first"" http://themeshaper.com/forums/topic/first-element-in-a-list-classcat-item-first#post-6806 Tue, 29 Sep 2009 18:22:54 +0000 Baudesign 6806@http://themeshaper.com/forums/ Hum, I just noticed something... The widgets that list elements (Archives, Meta, Recent posts, etc.) do not add any class to the <code><li></code> tag, whereas it is the case for categories and pages: cat-item, cat-item-n (where n is a number), page_item (why underscore instead of dash here!?), etc. Would it be possible, the same way here, to add a class to the first element of every list? Like so: <pre><code><h3 class="widgettitle">Title</h3> <ul> <li class="first-element"> </li> <li> </li> </ul></code></pre> Base on Chris' suggestion, here are the two functions I added to my functions.php file: <pre><code>function add_markup_cat($output) { // add a class to cat-item return preg_replace('/cat-item/', 'cat-item cat-item-first', $output, 1); } add_filter('wp_list_categories', 'add_markup_cat'); function add_markup_page($output) { // add a class to page-item return preg_replace('/page_item/', 'page_item page-item-first', $output, 1); } add_filter('wp_list_pages', 'add_markup_page');</code></pre> Thanks for the hints. Pat Baudesign on "First element in a list: class="cat-item-first"" http://themeshaper.com/forums/topic/first-element-in-a-list-classcat-item-first#post-6788 Tue, 29 Sep 2009 03:38:03 +0000 Baudesign 6788@http://themeshaper.com/forums/ Chris, don't be sorry for the delay, my God, you do this on your own time free of charge! Family first, always. That being said, this is exactly what I was trying to achieve! Thank you very much. You rule, really. Pat Chris on "First element in a list: class="cat-item-first"" http://themeshaper.com/forums/topic/first-element-in-a-list-classcat-item-first#post-6775 Mon, 28 Sep 2009 20:24:03 +0000 Chris 6775@http://themeshaper.com/forums/ Hi Pat, sorry for this delay .. my family kept me busy over the weekend. Here is your solution .. put this code in your child theme's functions.php: <pre><code>function add_markup($output) { return preg_replace('/cat-item/', 'cat-item cat-item-first', $output, 1); } add_filter('wp_list_categories', 'add_markup');</code></pre> Chris Baudesign on "First element in a list: class="cat-item-first"" http://themeshaper.com/forums/topic/first-element-in-a-list-classcat-item-first#post-6726 Fri, 25 Sep 2009 20:24:37 +0000 Baudesign 6726@http://themeshaper.com/forums/ Thanks Chris, I use WP in French. It is the default localized "Catégories" widget in the "Primary Aside" column. I suppose that it would therefore be the "Categories" widget. The reason I am trying to achieve this is that I want to apply a specific style to this first element in the list: no border top, whereas all the others would have this "border top". Thanks for your time Chris. Pat Chris on "First element in a list: class="cat-item-first"" http://themeshaper.com/forums/topic/first-element-in-a-list-classcat-item-first#post-6722 Fri, 25 Sep 2009 19:48:50 +0000 Chris 6722@http://themeshaper.com/forums/ Hi Pat, will take a look at it tomorrow .. which widget is creating your list? Chris Baudesign on "First element in a list: class="cat-item-first"" http://themeshaper.com/forums/topic/first-element-in-a-list-classcat-item-first#post-6717 Fri, 25 Sep 2009 16:57:42 +0000 Baudesign 6717@http://themeshaper.com/forums/ Hi everyone, The more I play with Thematic, the better I like it. My first post here. I would like to add a class to the first item in a list, in my sidebar, class="cat-item-first", like so: <ul> <li class="cat-item cat-item-first cat-item-4"> <li class="cat-item cat-item-5"> <li class="cat-item cat-item-6"> <li class="cat-item cat-item-7"> [...] </ul> This class definition comes from the "classes.php" file, but I do not want to change anything in the wordpress core files. I would like to make this change in my theme directory, and I do not know how. Would there be a function that would allow me to do such a thing? Thanks for any tip about how to do this. Pat