Stick an image on a specific category page

Product Support
5

Something like this?

banner image
banner image2284×1922 258 KB

or did you have something else in mind?

If it is, here’s an initial go at it.

I used:

// change category NAME as needed like .category-staff or .category-meta

.categories-list.category-NAME .list-controls:before { 
    content: "";
    display: block;
    background: url(img.jpg) no-repeat; // <~ change the url as needed 
    background-size: 100%;
    padding-top: 40%; // <~ change padding amount according to image aspect ratio
}

I’d be happy to sort out additional problems.