Hello,
I am looking for something like this
Is there an option for this in default discourse, or do I have to code it myself? And if yes, then where exactly can I specify custom css.
Thanks ![]()
The discussion revolves around implementing a custom badge or logo, like the ‘Lost Ark’ logo, behind post content in Discourse. 2TapPrince asks if this is possible without coding, but Heliosurge clarifies that custom titles can be used. Stephen suggests examining the CSS and creating a theme component. 2TapPrince confirms the use of a pseudo-element and seeks guidance on HTML. manuel explains that CSS selectors like .topic-post:before can achieve the effect without additional HTML, and 2TapPrince confirms it works, thanking the community.
Hello,
I am looking for something like this
Is there an option for this in default discourse, or do I have to code it myself? And if yes, then where exactly can I specify custom css.
Thanks ![]()
Hello thanks for the reply!
However, I was talking about the “Lost Ark” Logo behind the actual post content.
Have you looked at the CSS to determine how they implemented it?
Have you tried creating a theme component to replicate the look?
Good call! Will try and let you guys know how I proceed ![]()
Sounds good - let us know if you have any problems!
Both .topic-post:before { .. } and .topic-post > article:before { .. } work for me. Additional classes depend on how or for whom you want to restrict that view. Not sure on which element you have the .mod-highlight class.
What did you write in the HTML part?
not sure what you mean by that. I didn’t change anything apart from adding the style declaration.
Oh yeah, it does work!
Thanks man <3