How to create a different header in category on webpage

  • Unknown's avatar
    jone3415 · Member ·

    We recently added a new category called GamedayU on our site, and I would like to make the header on the site the logo for the segment, GamedayU, instead of OU Nightly. How can I do this?

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

  • Unknown's avatar
    jameswelbes · Member ·

    Hi there!

    I’m not entirely sure what you want. When you say you added a new “category” called “GamedayU” are you referring to your latest post, found here: http://ounightly.com/2015/09/09/quick-hits-strong-camp-helps-sooner-defense/

    And when you say you want to “make the header on the site the logo for the segment, GamedayU, instead of OU Nightly” Do you mean you want to change the logo for the entire website? You want to ditch the OU Nightly logo and replace it with a GamedayU logo?

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, to do this, you would have to have the WordPress.com Premium Plan upgrade, which includes Custom Design and the ability to add Custom CSS.

    You can try out and preview custom CSS before you buy as explained here. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

    If you want to put a unique header image on your GamedayU category page, create that image at 1250px wide by 150px high, upload it to your Media Library, get the URL of that image and replace URL_OF_IMAGE between the quote marks in the background declaration in the following CSS. 

    .category-gamedayu .header-image img {
    visibility: hidden;
}
.category-gamedayu .header-image {
    background: url('
URL_OF_IMAGE') no-repeat scroll 0 0 /contain transparent;
}

    Give that a try if you wish to make sure it does what you are wanting. If something is off, let me know and I can add additional CSS to get it the way you want it. To save and apply it to your site though, you will need the WordPress.com Premium Plan upgrade.

  • The topic ‘How to create a different header in category on webpage’ is closed to new replies.