styling wp_list_cats | WordPress.org

spk
(@spk)

17 years, 6 months ago

hey all

i’m using wp_list_cats to create a horizontal menu of categories. i used a ‘display: inline’ to make the categories display horizontally, and i now i would like to add a line/character that separates each category from the other; to get something like:

NEWS | ABOUT | LINKS | RECENT | WHATEVER

could anyone please give me a hint on how to get this done using css?

thanx
spk.

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

jbbrwcky
(@jbbrwcky)

17 years, 6 months ago
You could try the :before pseudo-element:
```
ul li:before {
  content: "| ";
}
ul+li:before {
  content: "";
}
```
Thread Starter spk
(@spk)

17 years, 6 months ago

thanks. works, more or less. but generated content is not supported by the crappy IE, right?

whooami
(@whooami)

17 years, 6 months ago

css 3 fun and games — things to do instead of watching your portfolio take a dive 🙂

Thread Starter spk
(@spk)

17 years, 6 months ago

any other trick to do that without using the before pseudo-element?

Thread Starter spk
(@spk)

17 years, 6 months ago

or, if i already use the before pseudo, how should i prevent it from putting a character before the first element? cause what i get now looks like:

|| NEWS | ABOUT | LINKS | RECENT | WHATEVER

whooami
(@whooami)

17 years, 6 months ago

could anyone please give me a hint on how to get this done using css?

any other trick to do that without using the before pseudo-element?

Not really.

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

The topic ‘styling wp_list_cats’ is closed to new replies.

Tags

6 replies
3 participants
Last reply from: whooami
Last activity: 17 years, 6 months ago
Status: not resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics