Styling list items with CSS

  • skotmb

    (@skotmb)


    16 years, 7 months ago

    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

    (@t31os_)

    16 years, 7 months ago

    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

    (@skotmb)

    16 years, 7 months ago

    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

    (@skotmb)

    16 years, 7 months ago

    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

    (@t31os_)

    16 years, 7 months ago

    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

    (@skotmb)

    16 years, 7 months ago

    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

    (@t31os_)

    16 years, 7 months ago

    No problem.. 😉

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

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