Return to Support

Remove category folder icon in posts

Home Forums Graphene WordPress theme Support Remove category folder icon in posts

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #9293
    kingsays
    Member

    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

    #43268
    Anonymous
    Member

    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%;
    }

    #43269
    kingsays
    Member

    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.

    #43270
    Anonymous
    Member

    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.

    #43271
    kingsays
    Member

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

    Is there a simpler way of doing this?

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

    #43273
    kingsays
    Member

    Perfect!

    Thank You so much!

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

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