Can I make a custom button with CSS and HTML?

I want to make a button like this, but this one says it’s CSS with HTML, where do I customize HTML in Discourse? In the same link that I put CSS?

Cool Glowing Effect on Buttons using HTML & CSS | CodingNepal - YouTube

A place to start is Beginner’s guide to developing Discourse Themes

1 Like

Do you want to add the button in a post (in this case, see this topic) or do you want to customize an existing button in Discourse’s interface?

Yes, but if you want to add a button to Discourse’s interface, that’s something else and it requires programming.

On a side note, the video bothers me because the creator didn’t put any link to the actual code (sites like https://codepen.io are very useful to work on this kind of stuff). It’s fairly advanced CSS and copying it manually from the video will be tedious.

Out of curiosity, I searched a bit on the Internet, and the code is published on their website.


To add to Jay’s reply, I’ll add Make CSS changes on Your Site which may be more straightforward if your only intent is customizing the HTML style on your website.

Last but not least, Discourse forums have an excellent pre-installed plugin named Styleguide that you can enable and that will show pretty much every element of your forum with their current styling:

First, enable the Styleguide page:
Admin panel → Plugins → Styleguide → :gear:Settings → Check styleguide enabled :white_check_mark:.

Then, you can go to the Styleguide page. Just append /styleguide to your forum URL to see it:

If you don’t really don’t know much about CSS and styling overall, I really advise you to learn the basics before you jump into this button project.

1 Like

hi, thank you for post it

wow, thank you so much for showing me this styleguide, I didn’t know about this feature! I’m very thankful! I’m going to style the buttons on my website, just like the link I sent you! In this case, I was in doubt, because in the video it shows that you have to use HTML and CSS, but I think that discoruse only accepts CSS! Thank you so much for showing me these things!

2 Likes