tl;dr I need to have a “sponsored by” image on a particular category page. mindless rambling One idea was to put it in the category description excerpt, but that doesn’t display the image. I suspect that the real answer is to connect to the category-name class and stick it in the main-link clearfix, uh, thingy. [image]

Something like this? [banner image] 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.

Does a category logo not work? Something like #howto:tips-and-tricks?

Got a mock-up? I’m having trouble imagining what you want where.

I removed .categories-list to make it work, but this was what I needed! Thanks so very much!

Stick an image on a specific category page

Product Support

pfaffman (Jay Pfaffman) February 6, 2018, 5:07am 3

No. They’re being used as they are intended. This needs to be in addition to the category image.

Topic		Replies	Views
Need help setting up category list images Product Support	5	1292	August 4, 2021
Banner duplicates info when used with category logo Product Support category-banners	4	243	October 1, 2019
Is there a plugin of some sort to have an Icon next to a category? Product Support	6	682	August 27, 2023
CSS, Category Images and Category Page Product Support	2	992	August 27, 2020
How to add logo in category Product Support	5	1429	May 24, 2021

Stick an image on a specific category page

Related topics