Title: Styling list items with CSS
Last modified: August 19, 2016

---

# Styling list items with CSS

 *  [skotmb](https://wordpress.org/support/users/skotmb/)
 * (@skotmb)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/styling-list-items-with-css/)
 * Can anyone PLEASE help me? I’m trying to create image rollovers for my main navigation.
   This includes a different image for each page using the “sliding door” method
   with CSS. My problem is that wp_list_pages doesn’t allow me to give each item
   an id or class to style. There is a plugin called Classy wp_list_pages that will
   do this….sometimes. If anyone knows of a plugin that does the same thing please
   let me know.
 * If there is another way to achieve this I don’t know what it is and am open to
   any ideas.

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

 *  [Mark / t31os](https://wordpress.org/support/users/t31os_/)
 * (@t31os_)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/styling-list-items-with-css/#post-1221646)
 * Are the various default classes appended to the output elements of wp_list_pages
   not enough? …
 * Check the source code output from the function and you’ll see the classes..
 *  Thread Starter [skotmb](https://wordpress.org/support/users/skotmb/)
 * (@skotmb)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/styling-list-items-with-css/#post-1221648)
 * I’ve tried using, for example “class=”page_item page-item-53” with the CSS but
   it doesn’t work. Is that what you’re referring to?
 *  Thread Starter [skotmb](https://wordpress.org/support/users/skotmb/)
 * (@skotmb)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/styling-list-items-with-css/#post-1221651)
 * Has this worked for you before, t31os_? Please say “yes”. If so, there is a great
   possibility that I just had my CSS wrong. Perhaps too many selectors involved.
 *  [Mark / t31os](https://wordpress.org/support/users/t31os_/)
 * (@t31os_)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/styling-list-items-with-css/#post-1221656)
 * Yeah proberly just some other definitions causing the problem…
 * To avoid other defs causing a problem, or while you work them out, just append`!
   important` to the definitions..
 *     ```
       .example {
       color:red!important;
       font-weight:bold!important;
       }
       ```
   
 *  Thread Starter [skotmb](https://wordpress.org/support/users/skotmb/)
 * (@skotmb)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/styling-list-items-with-css/#post-1221658)
 * Learn something new everyday. Thank you SO much, t31os_. You really were a lot
   of help. I’ll give it a try tomorrow. Again, thank you.
 *  [Mark / t31os](https://wordpress.org/support/users/t31os_/)
 * (@t31os_)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/styling-list-items-with-css/#post-1221781)
 * No problem.. 😉

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

The topic ‘Styling list items with CSS’ is closed to new replies.

## Tags

 * [class](https://wordpress.org/support/topic-tag/class/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [id](https://wordpress.org/support/topic-tag/id/)
 * [list](https://wordpress.org/support/topic-tag/list/)

 * In: [Everything else WordPress](https://wordpress.org/support/forum/miscellaneous/)
 * 6 replies
 * 2 participants
 * Last reply from: [Mark / t31os](https://wordpress.org/support/users/t31os_/)
 * Last activity: [16 years, 7 months ago](https://wordpress.org/support/topic/styling-list-items-with-css/#post-1221781)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics