Remove category folder icon in posts

  • 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

    #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

    #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

    #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

    #43271

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

    Is there a simpler way of doing this?

    Mod

    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

    #43273

    Perfect!

    Thank You so much!

    Anonymous

    #43274
    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.

    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.

    Mod

    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. 🙂

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.