[kingsays]

kingsays

#9293

Hi,

Is there an easy way of removing the little blue folder icon next to the categories on the top of my posts just under the post title?

Home

Thanks

[Anonymous]

Anonymous

#43268

This is the part defining the image in your style.css:

.post-meta .meta_categories {

background: url('images/sprite_master.png') no-repeat scroll left -85px transparent;

padding-left: 20px;

max-width: 60%;

}

[kingsays]

kingsays

#43269

Where might one locate their style css and what do i do once I have located it? delete the 6 lines shown above? add a code?

Sorry, not very good at this technical stuff.

[Anonymous]

Anonymous

#43270

style.css is in your theme folder and it is the main file to change style related things

Do you have a child theme? (a copy of the original theme which you can edit without the risk of messing up the original theme)

I would try out 2 things if I’d be you:

1. Locating the image in your FTP “/images/sprite_master.png” and erase the folder icon with an image editing software like Gimp (make sure you keep a copy of the unedited picture though just in case)

or

2. Delete

background: url('images/sprite_master.png') no-repeat scroll left -85px transparent;

and see if it works.

---

If you ain’t got knowledge about all this then you need to experiment around with things but always keep a backup of what you are going to change, in case you mess something up. I’m in the same boat but I’m doing pretty well so far.

[kingsays]

kingsays

#43271

Tried the second option, but it didn’t work.

Is there a simpler way of doing this?

[Kenneth John Odle]

Kenneth John Odle

#43272

@Anonymous:

Quote:

style.css is in your theme folder and it is the main file to change style related things

No, it is not. Kindly do NOT recommend to people that they edit theme files. This causes all sorts of problems.

Instead, add this code to Custom CSS function or a child theme stylesheet:

.post-meta .meta_categories {

background: none;

padding-left: 0;

}

I would suggest that anyone wanting to make these changes install the Firebug extension for Firefox. It makes this kind of work much easier. A tutorial is here:

Using Firebug to Tweak Your Blog

Using a child theme is the correct way to go to make extensive changes to the theme.

[kingsays]

kingsays

#43273

Perfect!

Thank You so much!

[Anonymous]

Anonymous

#43274

Quote:

@Anonymous:

style.css is in your theme folder and it is the main file to change style related things

No, it is not. Kindly do NOT recommend to people that they edit theme files. This causes all sorts of problems.

Sorry, when I say this I always mean the files in the child theme. I’m using one myself. It just became so common using these so it happens that you sometimes forget to mention that the files that have to be edited are the ones in the child theme and not the original theme.

[Kenneth John Odle]

Kenneth John Odle

#43275

My apologies, then. It’s been a busy week.

It’s good to meet someone for whom a child theme is the default. 🙂