Category menu editing

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).
https://img829.imageshack.us/i/categorymenuawesome.jpg/

And I want to change it to:
https://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!)

The complete code again:

https://pastebin.com/tikNtdQ3