Unique Header Images for Categories

  • Unknown's avatar
    baoch · Member ·

    Hello,

    Is there a way to create unique image headers for different categories? For example, I would like to display a different image for the Glorious Books category and another image for the Waxing Political category.

    Thanks,
    Baochi

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    auxclass · Member ·

    the site inked to your name:

    The site you are asking about does not seem to be hosted on WordPress.COM so you need to make friends over at WordPress.ORG the keepers of the software you are using.

    https://en.forums.wordpress.com/topic/7-things-to-know-before-posting-in-wordpresscom-forums?replies=1

    This site is for support of sites hosted on WordPress.COM. You should address your questions to WordPress.ORG the keepers of the software you are using: http://wordpress.org/support/

    For more on the difference: http://support.wordpress.com/com-vs-org/

  • Unknown's avatar
    baoch · Member ·

    sorry i am totally confused. i don’t even have an account through wordpress.org? i think i had the wrong blog link displayed in my profile. my site is:

    http://www.thebaochi.com.

    the other site you saw belongs to work.

  • Unknown's avatar
    thesacredpath · Member ·

    This can be done. What you have to do is target the category page by ID, and you also have to do it for every single category page (unless there are some repeats). This is for your first category, “Books Glorious Books.”

    .category-61375024 #branding {
background: url("URL OF IMAGE") no-repeat scroll center bottom transparent
height: 220px;
}

.category-61375024 #branding img {
display: none;
}

    To get the .category-ID#, you view the source code for the category page, find the opening body tag and in that you will find a class like (make sure and put period before it in the CSS).

    category-61375024

    You upload your images to your media library, get the URL of that image and then replace URL OF IMAGE between the double quote marks in the background declaration.

    Two things with this:

    1. You will lose the top and bottom border lines on the images.
    2. The image will not act as a link back to the site home page.

  • The topic ‘Unique Header Images for Categories’ is closed to new replies.