Forums / Basic Configuration / Hiding Text Links on Categories Shown on Main Page

Hiding Text Links on Categories Shown on Main Page

Started by lindsey80 on 8 May 2012, 4:41 PM · Views: 1,487

Results 1 to 4 of 4
8 May 2012, 4:41 PM
#1
lindsey80 avatar

lindsey80

New Zenner

Join Date:
Apr 2010
Location:
Essex, UK
Posts:
77
Plugin Contributions:
0

Hiding Text Links on Categories Shown on Main Page

Hi, is there a way for the links not the show under my category images on the main page?

wedding accessories direct dot com (without the spaces)

Thanks

8 May 2012, 4:48 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Hiding Text Links on Categories Shown on Main Page

You can do this with a couple of "clever" stylesheet declarations

First... identify the parent CLASS of the element - in your case: .categoryListBoxContents

Then make the link non-visible
.categoryListBoxContents a {visibility:hidden;}

Then make the image link visible
.categoryListBoxContents a img {visibility:visible;}

Just add the whole lot to the very bottom of your stylesheet.css file

.categoryListBoxContents a {visibility:hidden;}
**.categoryListBoxContents a img {visibility:visible;}

**The ORDER of the above declarations is important...

20 years a Zencart User

8 May 2012, 4:48 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Hiding Text Links on Categories Shown on Main Page

Add this to the bottom of stylesheet.css:

.categoryListBoxContents a {visibility: hidden;}
.categoryListBoxContents a img {visibility: visible;}

Thanks, schoolboy.

8 May 2012, 5:52 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: Hiding Text Links on Categories Shown on Main Page

Not a full solution, but a band-aid, would be to find this section in your stylesheet and modify as shown:

/*Category text on main page*/
.categoryListBoxContents {
    font-size:0.9em;
    }
.categoryListBoxContents a img {
    margin-bottom: -3em;
    position: relative;
    }

...Or schoolboy's solution, which is somewhat better...
display: none; doesn't work right for this use, but visibility: hidden; can do it.