Hello, I posted yesterday on the horizon theme topic but I suspect that is not really being monitored.
In short, I think the theme is missing a bit of code to show the uploaded images. I spent a while looking via dev tools and in the settings to no avail. Any help would be much appreciated.
Thanks
<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;"><span data-category-id="5" data-drop-close="true" class="badge-category restricted --style-square" title="The OPDC Core Materials Category will host discussions, FAQ, and related resources for Geoff’s Online Permaculture Design Course."><svg class="fa d-icon d-icon-category.restricted svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#lock"></use></svg><span class="badge-category__name">OPDC Core Materials</span></span></span>
I think this is the relevant section. The Style shown here is
<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;">
So I think the style= needs to also have a “category-image” option. Maybe I can achieve this with CSS? But it seems like we should be able to toggle that within the theme / settings.
I am not proficient in coding so I could be off base, but this is based on the Intro to Components docs and guides you provided (thanks for that!)
Anyone out there? Adding a post to bump.
A similar issue is occurring with subcategory images as well. The image is uploaded, it is clearly shown once you load into a category or subcategory in the upper part of the main container. But from the homepage, we do not see the images for the Categories, and from the category view, we do not see images for the subcategories.
Seen below:
Homepage:
Category view:
Subcategory view:
@chapoi I see you were involved heavily in the Horizon theme. Any intel on the issue I’m seeing above?
Hi there, just a note to try not to ping staff members. Thanks!
Okay, can you help with the issue above then? It doesn’t seem like the community here has any answers which is why I pinged a staff I saw involved with this theme development after 10+ days. What’s my next step now? Is this a “find a developer and pay them to solve this” issue? It feels like a bug or missing code with the theme code.
Hi Nick! Apologies for the radio silence on this topic from the team. We’ve been away at our annual world meetup and are still getting caught up after our return.
We’ll get an answer to your question as soon as we can.
I wasn’t involved in creating this theme but do know it’s intended to be simpler, so it’s possible the category images are not intended to be shown on the home page. I can see how it would be nice, though!
Thanks Tobias, and no sweat! I’m glad your team got away for some time- much deserved. Take your time on looking into it. It’s good to hear that someone on the staff has seen it at least 
This above is most likely the correct answer here.
It’s never going to appear in the topic list, as that is a completely custom component on Horizon and does not take customisations into account. That won’t change soon.
I had expected it to still show up in the category-homepage view though, I’ll take a look at that; I can’t remember what we decided there – perhaps we also omitted.
Thanks for the response and looking into this.
I don’t expect it on the topics list, but did think they would appear category-homepage view as well, and also in the category view as well for the subcategories. I would think this would replace the small square with the theme accent color when you uploaded a category image. At first I thought it was because I had only uploaded a light theme image, but when I also added a dark theme image, it still didn’t appear.
Appreciate you taking the time to check.
Thanks for your patience.
We did omit these category logos as they didn’t fit the direction we’re choosing with Horizon. We want to focus on our new icon/emoji options instead, which look like
So I’m afraid I won’t be adjusting this in the theme itself.
You can however add this custom snippet to your site, and it should replace the boxes with your category logos.
.category-box:has(.category-logo .aspect-image) {
.category-logo {
display: block;
.aspect-image img {
margin-left: 0;
}
}
.category-box-heading .badge-category.--style-square::before {
display: none;
}
}
Much appreciated Charlie, and thanks for your diligence. I just wanted to pop on here to confirm that the custom CSS worked and now shows the category images if they are uploaded across all pages. Thanks again!
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.