CSS 用于在主题页面显示元素，但不在分类页面显示

支持
1

I created a simple component to have a banner above topics in a certain category, but I don’t want it to show on the category page, is this possible? Here is my current css

.image-gallery-banner {
    display: none;
}

[class*="image-galleries"] {
    .image-gallery-banner {
        display: flex;
    }
}

This is the page I want to hide it from https://community.naturephotographers.network/c/image-galleries but have it visible in the category’s topics.

2

I think adding this might do the trick:

.category-header .image-gallery-banner {
    display: none;
}
3

Thanks, that worked! It does flash up briefly but I’m not sure there’s any way to avoid that.