Xkyer Hello and thank you, but what about set cover into discussion?
If you want to target each discussion separately, I don't know.
If you want the discussion to have the same header as a sub-category, I don't know either.
If you want the discussion to have the same header as the main category, it must be possible, as it is targetable regarding the background-color of the header (if your main category has a color):
So in this case for instance, you could target it with:
.Hero.DiscussionHero.DiscussionHero--colored[style*="#2F1042"] {
background-image: url(https://your-url.jpg);
background-size:cover;
}
This would give the same background-image to all discussions which have this main tag (= which have this tag's background-color). But it won't work for sub-tags, as the background-color in the discussion's header is always the color of the primary tag...
I only know CSS, so better solution are probably possible through some javascript...
invitado I tried the option you give me, but it doesn't work for me. This is how it's supposed to look?
Well, I've not tested it directly, because my own CSS is in fact more complicated (I have two image layers, with a :before, and it's this :before which has the main image background...), but I'm surprised because it worked on my inspector when I tested it...
Your code seems fine, though... I just have '
instead of "
around the url in my css, maybe it's that?
.IndexPage--tag6 .Hero {
background-image: url('http://www.freeliquidtemplates.com/free-headers-for-websites/header10.jpg');
}