My magento store is version 1.9.1 I'm using a modified version of the rwd default theme. By default, in the main top navigation bar your category names appear as text which links to their corresponding pages. I want to change one of my category names from this text to a small image/ .png because I want one of my categories to be a brand and I'd like to show off that logo there. I don't want to change all the category names, just that specific one. What can I do?
4
-
i can't understand can you please explain with screen shot– Magento 2Commented Oct 9, 2015 at 13:43
-
gyazo.com/4dcfeeadbe037390817b70411a4348ca This is the Category name. Instead of saying the category name I want it to be a small image of my choosing. For instance, I could change it to a star to look like this: gyazo.com/b6f28909652128e3730f884bcaf97ed1– Tw3nTyCommented Oct 9, 2015 at 13:59
-
You want a background image for that vip– Magento 2Commented Oct 9, 2015 at 14:00
-
I'm not entirely sure what you mean by background. I do want to replace the image completely. No more "VIP", just my image.– Tw3nTyCommented Oct 9, 2015 at 14:04
Add a comment
|
1 Answer
You can do it with CSS:
a[href$="/vip.html"] {
background: url("path/to/image.png") no-repeat scroll 0 0;
text-indent: -9999px;
width: 100px;
}
A big negative text-indent is one of the many methods to hide text from an element, then you set it to a fixed width and assign a background image
answered Jan 27, 2016 at 22:13
