WordPress.com Forums » Topic: Using CSS to replace text with icons? http://en.forums.wordpress.com/topic/using-css-to-replace-text-with-icons WordPress.com Forums » Topic: Using CSS to replace text with icons? en Sat, 18 May 2013 20:05:18 +0000 http://bbpress.org/?v=1.1-alpha-2539 areyoutargeted on "Using CSS to replace text with icons?" http://en.forums.wordpress.com/topic/using-css-to-replace-text-with-icons#post-399207 Thu, 05 Nov 2009 23:47:32 +0000 areyoutargeted 399207@http://en.forums.wordpress.com/ Hmmm, I was hoping for more of a search-and-replace function... gotta get around the lack of JavaScript somehow. ;-)

Thanks anyway.

]]> devblog on "Using CSS to replace text with icons?" http://en.forums.wordpress.com/topic/using-css-to-replace-text-with-icons#post-399206 Thu, 05 Nov 2009 23:34:13 +0000 devblog 399206@http://en.forums.wordpress.com/ Yes, it is, but you'd need to do it for every asterisk individually, something like this:

<span class="rating">*</span><span class="rating">*</span><span class="rating">*</span>

OR

You could have, let's say, 5 different rating classes, for example:

<span class="r3">*</span>

which would display 3 stars

<span class="r5">*</span>

which would display 5 stars, etc.

]]> areyoutargeted on "Using CSS to replace text with icons?" http://en.forums.wordpress.com/topic/using-css-to-replace-text-with-icons#post-399203 Thu, 05 Nov 2009 23:11:16 +0000 areyoutargeted 399203@http://en.forums.wordpress.com/ I've been poring over the manuals, but can't see how to do this. I know it is possible to replace a block of text with an arbitrary image using CSS, but that's not what I'm shooting for.

What I want is something like this:

<span id="rating">***</span>

And then a CSS rule for #rating that turns each individual asterisk into a specified image.

Doable?

]]>