Gossamer Forum
Home : Products : Gossamer Links : Discussions :

replacing new, with css

Quote Reply
replacing new, with css
Without changing the actual template, how could I change the new text, to the new image using css?

Quote:


<span class="new-item"><span>new</span></span>


This is what is in the templates.

I tried changing this:

Quote:
.new-item {
background: url(images/new.gif) top left no-repeat;
}


And it replaces the new text, however, the new text still exists, and it is transparent under the image.

Since the new item is in 2 spans, couldn't I say something like:

span.new-item {
display: none;
}

This doesn't work though. Any suggestions?

- Jonathan
Quote Reply
Re: [jdgamble] replacing new, with css In reply to
If you want to change the actual text, you'll have to change the template itself. To just hide the text (not pretty though), you had it almost right, use:
Code:
span.new-item span {
display: none;
}
Though then that span won't take up any space, so depending on how you're doing things you'll want to use visibility: hidden instead.

Adrian