In a support discussion titled ‘What’s the best way to display an arbitrary button in a post?’, adamengst seeks to add styled buttons (e.g., for registrations or donations) to individual forum posts using custom CSS, noting that raw HTML like <span style="..."> isn’t accepted. jordan-violet suggests using <kbd> tags with links as a workaround, but adamengst prefers full CSS control. jordan-violet then directs him to a meta post on embedding buttons, which adamengst confirms solves his need. Canapin shares a tutorial on customizing post content with styles, which adamengst acknowledges. He then asks about email notification rendering of such custom elements; Canapin replies that styles don’t carry over to emails, showing how custom HTML degrades to plain text. adamengst notes this is acceptable but requires careful wording to avoid calling it a ‘button’ in emails. Finally, MikeNolan asks if CSS can be edited on hosted Discourse sites, and JammyDodger confirms it’s possible on Standard plans and higher via theme components.
For the occasional post in our forum, I’d like to create a button that would, for instance, make it obvious what to click to register for a race, sign up to volunteer, or donate for a fundraising campaign. Just something that looks roughly like one of these:
Thanks! It’s certainly on the right track, though I was hoping for something I could tweak with CSS so the styles would be familiar to our users from other stuff we do.
You would create a theme component and make changes in there, and then attach that to your theme(s).