Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Remove / Hide category link from category image on home page

Remove / Hide category link from category image on home page

Locked

Views: 3,467

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
12 Mar 2010, 11:17 AM
#1
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Remove / Hide category link from category image on home page

Hi, I've found similar threads and one thread where someone wants to do the opposite but cannot find the answer to this;

I know how to not show the categories and their images on the homepage in centre coloum alltogether, but what I'd like to do instead is keep the category images as they are in the centre column but remove the category link from underneath with just each category image remaining and linking to its category.

I couldnt work out from the admin how to do this so I guess its edting some css?

Any help would be much appreciated.

Thanks!

12 Mar 2010, 4:04 PM
#3
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: Remove / Hide category link from category image on home page

Maybe what I want to do isnt clear enough from my title...it should really read; Remove / Hide category link from underneath category image on home page but keep category image linking to its category.

12 Mar 2010, 4:23 PM
#4
jackie_taferner avatar

jackie_taferner

Totally Zenned

Join Date:
Jun 2009
Location:
Orange County, California
Posts:
547
Plugin Contributions:
3

Re: Remove / Hide category link from category image on home page

are you looking to do this on all the pages? homepage, category listing, etc

12 Mar 2010, 4:26 PM
#5
jackie_taferner avatar

jackie_taferner

Totally Zenned

Join Date:
Jun 2009
Location:
Orange County, California
Posts:
547
Plugin Contributions:
3

Re: Remove / Hide category link from category image on home page

You can add this code in your CSS file - that will remove all instances of the title (even in your category listing, ie under HOME DECOR for example)

.categoryListBoxContents a {
display: none;
}

12 Mar 2010, 5:30 PM
#6
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: Remove / Hide category link from category image on home page

Yes, i'd like the title link underneath my category images on the category listing page to be removed also. I added that code to the stylsheet but all it did was remove the whole thing, category image included. I only want to remove the text link :unsure:

12 Mar 2010, 5:38 PM
#7
jackie_taferner avatar

jackie_taferner

Totally Zenned

Join Date:
Jun 2009
Location:
Orange County, California
Posts:
547
Plugin Contributions:
3

Re: Remove / Hide category link from category image on home page

hrmm... well, i guess another option is to just change the color of the text to white.

.categoryListBoxContents a:link, .categoryListBoxContents a:visited, .categoryListBoxContents a:hover {
color: #fff;
}

12 Mar 2010, 6:19 PM
#8
schoolboy avatar

schoolboy

Totally Zenned

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

Re: Remove / Hide category link from category image on home page

I did give you the anwser - to your post in another thread HERE

12 Mar 2010, 6:25 PM
#9
schoolboy avatar

schoolboy

Totally Zenned

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

Re: Remove / Hide category link from category image on home page

Put these two at the bottom of your stylesheet.css in the exact sequence they appear here:

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

12 Mar 2010, 6:30 PM
#10
jackie_taferner avatar

jackie_taferner

Totally Zenned

Join Date:
Jun 2009
Location:
Orange County, California
Posts:
547
Plugin Contributions:
3

Re: Remove / Hide category link from category image on home page

yep, that's another good option.

13 Mar 2010, 11:01 AM
#11
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: Remove / Hide category link from category image on home page

Brilliant, thank you! I'll try that on monday when I'm back working schoolboy :smile:

jackie.taferner

thanks for your help also, but I didn't think you could make the text white to hide it, I remember asking about turning some text white in the past to hide it and everyone said you weren't allowed to do it?

15 Mar 2010, 10:50 PM
#12
jackie_taferner avatar

jackie_taferner

Totally Zenned

Join Date:
Jun 2009
Location:
Orange County, California
Posts:
547
Plugin Contributions:
3

Re: Remove / Hide category link from category image on home page

great, hope that solution worked for you!

As far as making the text same color as background, it's true that it's not good practice for search engine optimization, or for accessibility reasons (if you *want *the person to see the text).

But, hiding the name of the category altogether is bad practice too, because you're not allowing the search engine to index those page names properly. It's always better to use text words than it is to use an image with words.

In your case, I see you're trying to make the category names prettier with a fancy font in the image. But keep in mind search engines can't see that.