Title: Custom Category Header
Last modified: July 9, 2019

---

# Custom Category Header

 *  [janmmmm](https://wordpress.org/support/users/janmmmm/)
 * (@janmmmm)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/custom-category-header-2/)
 * Hello, quite similar to
    [https://wordpress.org/support/topic/customize-archive-header-by-category/](https://wordpress.org/support/topic/customize-archive-header-by-category/)
   I would like to have custom images per category (vs. the grey block). Ideally
   it would be styled like the article headers.
 * I have tried to set the background-image for .archive-header-desktop .preview-
   wrapper however it tiles. Any quick solution?
 * Sorry, I am a complete newbie at CSS.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/custom-category-header-2/#post-11713562)
 * Hi [@janmmmm](https://wordpress.org/support/users/janmmmm/),
 * Go to Appearance → Customize → Additional CSS (the menu labels might be different
   in your language) and add the code below:
 *     ```
       .archive-header-desktop .preview-wrapper {
           background: url( [URL] ) no-repeat center;
           background-size: cover;
       }
       ```
   
 * Replace [URL] with the URL of your image. Let me know if that does it.
 * — Anders
 *  Thread Starter [janmmmm](https://wordpress.org/support/users/janmmmm/)
 * (@janmmmm)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/custom-category-header-2/#post-11713581)
 * Thanks Anders for the super fast help!
 * It works with
    `.category-growth .archive-header .preview-wrapper` But unfortunately
   only on desktop…
 *  Theme Author [Anders Norén](https://wordpress.org/support/users/anlino/)
 * (@anlino)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/custom-category-header-2/#post-11725621)
 * Hi [@janmmmm](https://wordpress.org/support/users/janmmmm/),
 * Give it a try with:
 *     ```
       .category-growth .archive-header-mobile .preview-wrapper,
       .category-growth .archive-header-desktop .preview-wrapper {
           background: url( [URL] ) no-repeat center;
           background-size: cover;
       }
       ```
   
 *  Thread Starter [janmmmm](https://wordpress.org/support/users/janmmmm/)
 * (@janmmmm)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/custom-category-header-2/#post-11725703)
 * Unfortunately no luck, stays black (desktop continues to work).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom Category Header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/koji/2.1/screenshot.jpg)
 * Koji
 * [Support Threads](https://wordpress.org/support/theme/koji/)
 * [Active Topics](https://wordpress.org/support/theme/koji/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/koji/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/koji/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [janmmmm](https://wordpress.org/support/users/janmmmm/)
 * Last activity: [6 years, 10 months ago](https://wordpress.org/support/topic/custom-category-header-2/#post-11725703)
 * Status: not resolved