category headings

hi guys,
I wanted to get rid of the category headings so
I assigned a new css tag to the category headings, so for instance
accessories now has a <h7>accessories</h7> which has a value of
h7 {
margin: 0.2em 0.3em 0.3em 0;
display: none;
}
works great in firefox and safari but I can still see it in IE :frusty:

any ideas?

site is at https://www.littleredsky.com

You could also add: color: transparent;

There has been some discussion about using declarations such as:

visibility: hidden
display: none
color: transparent

in relation to SE ranking.

I use the above in many places on my sites and as long as you don't use them on H1 tags and other important features, it should be OK to hide the category headers.

#indexCategoriesHeading {display:none;} should work, too.

Thanks Guys

but both those ideas still work in safari and firefox but not in IE for some reason.
Investigating deeper i changed
h7 {
margin: 0.2em 0.3em 0.3em 0;
display: none;
}
to
h7 {
margin: 0.2em 0.3em 0.3em 0;
color: #FF0000;
}
and sure enough it showed up red in firefox and safari but continued to use the body text colour in IE.
So to check I changed the body text colour and it changed in IE.
Its seems to be ignoring the other declarations.
Any more ideas?

I would remove the h7 stuff and just add #indexCategoriesHeading {display:none;}. I'm sure it will work in all browsers.

Hi stevesh,

thanks again for replying mate
However this is not working.
I have changed my tags in
/custom/templates/tpl_index_categories.php
from

<h7 id="indexCategoriesHeading"><?php echo HEADING_TITLE; ?></h7>

<h7 id="indexCategoriesHeading"><?php echo $breadcrumb->last(); ?></h7>

back to

& have now removed my h7 tags in the css
h7 {
margin: 0.2em 0.3em 0.3em 0;
display: none;
}

and have added

#indexCategoriesHeading {display:none;}

#productListHeading {display:none;}

again works fine in firefox and safari but headings are very visible in
IE 6 & 7 ....haven't tried 8

Thanks again..any other ideas and you time is appreciated

I'm still seeing the h7 in your source.

I just now added #indexCategoriesHeading {display:none;}

to the stylesheet of my stock Zencart test site, and it removed that heading in all browsers.

Thanks stevesh,
I missed those extra h7's.
appreciate you sticking with the thread. and it works great.

If I could push my luck and ask one more question
Im having the same issue with the ez pages heading
I have added #ezPagesHeading {display:none;}
and again its fine in firefox and safari - just no dice in IE 6/7

Im still getting the hang of divs and css... is my problem because of the class "centerColumn" assigned to that div

ie: do i need to make a separate div for the heading?

I truly am building a hatred towards IE

Thanks again

edit-
tried editing the class

.centerColumn {
padding: 1px;

}
to
.centerColumn {
padding: 1px;
display:none;

}

and the entire ez page vanishes as expected in firefox but everything is still there in IE- this is hurting my head

First, there are two EZpage heading id's, and CSS is case-sensitive. ezPagesHeading and ezpagesHeading control two different things, so try both.