Forums

[resolved] How do I change icons (bullets, calendar, author, etc)? (6 posts)

  1. sharris203
    Member
    Posted 2 years ago #

    I've noticed they're all part of 1 file, so how would i go about doing it?

  2. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    One file where? In what? Help is free but psychic costs extra.

  3. sharris203
    Member
    Posted 2 years ago #

    Inove theme 1.4.5. In the img folder there is an icons.gif with all the icons in one single file. What is the best way to change them?

  4. silencerius
    Member
    Posted 2 years ago #

    Check your .CSS, if all icons are in one gif (one icon under the other) he is using the background-position: class in CSS to display whatever icon he wants.

    For example: If you have ten 16x16 icons then the icons.gif should be of 16px width and 160px height.

    Say you want to display the third icon, the CSS will look something like this:

    #icon {
    background: url(..images/icons.gif) no-repeat;
    background-position: 0 -48px;
    }

    Hope that helps

  5. silencerius
    Member
    Posted 2 years ago #

    Sorry, I think that code actually displays the fourth icon :)

    1st icon : no background-position change
    2nd icon : -16px
    3rd icon : -32px
    4th icon : -48px

    .. etc

    You get the point

  6. sharris203
    Member
    Posted 2 years ago #

    thanks

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags