category headings

[makatak88]

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

any ideas?

site is at www.littleredsky.com

[schoolboy]

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.

[stevesh]

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

[makatak88]

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?

[stevesh]

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

[makatak88]

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

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

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

& 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