In a support thread titled ‘Hide sub-category logos on categories page,’ tknospdr asks how to hide sub-category logos only on the main categories page without affecting other areas. They initially tried hiding .category-logo.aspect-image, but that removed all logos site-wide. Lilly suggests using CSS: .category-boxes .subcategories .subcategory .subcategory-image-placeholder { display: none; }, which successfully hides the logos in the desired location. However, tknospdr reports a layout imbalance after applying the fix — the subcategory boxes became visually misaligned. To correct this, they added padding: 0px 10px 0px 0px; to .category-boxes .subcategories .subcategory, which restored visual balance. They note that while the fix works, they’d prefer the second column to align perfectly with the first — though they’re satisfied for now if that’s not feasible.
Is there a way to hide sub-category logos only on the main categories page?
The only asset I could find is this one:
.category-logo.aspect-image
But when I hide that, all category and sub-category logos everywhere are hidden.
I went from this:
The only place I want to hide the logos is here:
Anyone know what that asset is called?
@Lilly Thanks, not sure how I cut that off.
maybe try adding this CSS (to the theme or a theme component on your site):
.category-boxes .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
Thanks! That did it, but there’s a weird side effect I needed to remedy as well.
When I was hiding everything, this box looked balanced:
Now it looks like this:
Needed to also add:
.category-boxes .subcategories .subcategory {
padding: 0px 10px 0px 0px;;
}
To make it look right.
Does that look like the right element?
Would sooth my OCD even more if I could somehow make that 2nd column start in the same place, but this will do for now if that’s not possible.