• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

CGrouse
#1 Posted : Wednesday, November 8, 2006 4:58:55 PM(UTC)
CGrouse

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
Cliff
#2 Posted : Wednesday, November 8, 2006 5:47:44 PM(UTC)
Cliff

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.
CGrouse
#3 Posted : Friday, November 10, 2006 10:48:11 AM(UTC)
CGrouse

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
Cliff
#4 Posted : Friday, November 10, 2006 1:18:03 PM(UTC)
Cliff

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.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012