• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

change header image on different categories Serenity theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › change header image on different categories Serenity theme

This topic is: resolved

Tagged: css, serenity theme

  • This topic has 4 replies, 2 voices, and was last updated 12 years ago by Brad Dalton.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 6, 2014 at 7:07 am #117332
    senordeer
    Member

    Hello. I thought this would be fairly simple but am having trouble, I have uploaded a custom graphic to the header of my site by going to Genesis Theme Settings > and choosing Image Logo rather than dynamic text, then adding:

    .header-image #header #title-area {
    	background: url(http://mobiletest.wordpresstest.net/wp-content/uploads/2014/08/header-3.png) left top no-repeat;
    height:206px;
    width:960px;
    	}

    in the CSS. Worked fine. All I want to do is call a different header image all uncategorized posts. I thought it would be simple, added this:

    .category-uncategorized .header-image #header #title-area {
    	background: url(http://mobiletest.wordpresstest.net/wp-content/uploads/2014/08/header-4.png) left top no-repeat;
    height:206px;
    width:960px;
    	}

    But the same image is still showing. Seems like it is some simple bit of CSS I am missing thanks in advance.

    http://mobiletest.wordpresstest.net/?cat=1
    August 6, 2014 at 7:50 am #117336
    Brad Dalton
    Participant

    I would use a plugin like WP Display Header for this which is far easier.

    Otherwise i have written about this many times using various methods, both CSS and PHP and/or custom fields


    Tutorials for StudioPress Themes.

    August 6, 2014 at 8:11 am #117340
    senordeer
    Member

    Hey Brad I definitely would use WP Display Header but on the Serenity theme, it does not support Custom Headers and I get an error message when I try to activate the plugin. Is there a straight CSS solution? It seems so simple to me but nothing I am trying works.

    August 6, 2014 at 8:23 am #117342
    senordeer
    Member

    Oh you know what, never mind, that got me thinking, I just added

    /** Add custom header support */
    add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 100, 'textcolor' => '444', 'admin_header_callback' => 'minimum_admin_style' ) );

    to add custom header support to the theme and then activated WP Display Editor, thanks again for the help!

    August 6, 2014 at 8:32 am #117349
    Brad Dalton
    Participant

    No worries. The plugin enables unlimited custom headers whereas any code would need to be modified for new category pages.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘change header image on different categories Serenity theme’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble