Rank: Member
Joined: 6/4/2004(UTC) Posts: 291
|
I'm trying to hide the 'categories' text on the left side, while leaving the image that goes with it.
(See css below)
However, the visibility: hidden attribute hides the image as well.
Any thoughts??
/* Column Blocks */ .decoratedblock { margin: 0 0 0px 0; padding: 0 0px 10px 0; background: #FFBD20; position: relative;
font-size: 80%;} .decoratedblock h4 {visibility : hidden;} .decoratedblock h4 { background: #FF2020 url(../images/H4BG.gif) no-repeat 5px 50%; padding: 10px 10px
10px 50px; font-size: inherit; color: #fff;} .decoratedblock label { font-size: 100%; color: #fff;} .decoratedblock ul, .decoratedblock ol { margin: 0px; padding: 0px; } .decoratedblock li { margin: 05px; padding: 0px; } .blockcontent { padding: 0px; } #homepagecolumn2 .blockcontent { padding: 0; } #homepagecolumn2 .decoratedblock { background: none; } |
Thanks,
Christopher |
|
|
|
Rank: Member
Joined: 5/24/2004(UTC) Posts: 4,147
|
If you don't have a tag within the H4 to hide, just use text-indent: -9999px; on your .decoratedblock h4. You'll also need to isolate that H4 if you only want to hide the categories text. |
|
|
|
|
Rank: Member
Joined: 6/4/2004(UTC) Posts: 291
|
Thanks! That worked perfectly.
However, that has raised another issue that I overlooked before.
The 'categories' and the 'recently viewed' share the same image. (though obviously not the same text.)
Is there any way to isolate the two from each other so I can have each one display a different image from the other? |
Thanks,
Christopher |
|
|
|
Rank: Member
Joined: 5/24/2004(UTC) Posts: 4,147
|
You can isolate things like this: Code:.categorymenu .decoratedblock h4 {} View the source from your browser to see which classes and/or IDs you'll need to work with. |
|
|
|
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.