Not exactly sure what you mean my this – could you elaborate a little please?
Sure thing,
This is, for example, the button to see every post listed under awesome (at this moment).
http://img829.imageshack.us/i/categorymenuawesome.jpg/
And I want to change it to:
http://img576.imageshack.us/i/siteding207.gif/
The first one is standard and I want to make it a custom one. I’ve been looking into the theme editor and the stylesheet but I’m a rookie to it so I have to reinvent everything..
IN header.php search for categorymenuawesome.jpg and replace with siteding207.gif
Change the img widht and height too.
—
Else search for the words categorymenuawesome.jpg to see where it is found in your theme folder
Thanks,
Only the point is, the pic above was just a screenshot of how it looks like.. In code it actually is just the title of the category plus a dark transparent background so it isn’t an image or something
What you’ll need to do is use css.
I don’t have the time to give a complete reply right now but the gist of what you’ll do is something like:
.menu-item-10 a{
text-indent: -9999px;
background: url("/wp-content/uploads/path/to/image.jpg") no-repeat;
width: 100px;
height: 20px;
}
PS: To get the actual class of the menu item, you should use firebug or Chrome’s inspect tool.
Thanks for that, it seems pretty clear to me… What I have so far is
cat-item cat-item-4{
text-indent: -9999px;
background: url("/wp-content/images/site-ding2_07") no-repeat;
width: 177px;
height: 46px;
}
It seems like that is how it should be but when I update the file, nothing actually shows… no changes are made..
BTW, this is the complete code for the primary menu
[CSS moderated as per the Forum Rules.]
With that last part being the thing Melvinram sent (Thanks sport!)
