Stuart Wright
Well-known member
So we have changed our home breadcrumb element to be an image of a home.
We have kept the text 'Home' for it, but shifted it out of public view with a text-indent: -9999px;
Now I want to replace the image with the fontawesome home icon which means I have to remove the text-indent. Then the 'Home' text becomes partially visible under the icon in IE.
With my limited CSS knowledge, it seems to me that I can do one of two things:
1) remove the Home text.
2) add a span round it:
Bearing in mind the potential SEO implications of removing the Home text, which option would you recommend? Or do you have a better one?
Thanks
We have kept the text 'Home' for it, but shifted it out of public view with a text-indent: -9999px;
Now I want to replace the image with the fontawesome home icon which means I have to remove the text-indent. Then the 'Home' text becomes partially visible under the icon in IE.
With my limited CSS knowledge, it seems to me that I can do one of two things:
1) remove the Home text.
2) add a span round it:
HTML:
<span style="color: transparent">{xen:phrase home}</span>Bearing in mind the potential SEO implications of removing the Home text, which option would you recommend? Or do you have a better one?
Thanks
