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
The discussion revolves around customizing a button with CSS and HTML in Discourse. danielabc wants to create a button like the one shown in a YouTube video, but is unsure how to customize the HTML in Discourse. pfaffman suggests starting with the Beginner’s guide to developing Discourse Themes.
Canapin clarifies that adding a button to a post is different from customizing an existing button in Discourse’s interface, which requires programming. They also provide additional resources, such as Make CSS changes on your site and enabling the Styleguide plugin to see the current styling of the forum elements.
danielabc thanks the respondents for their help and is excited to use the Styleguide feature to style the buttons on their website, having initially been unsure if Discourse only accepts CSS.
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
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 Making custom 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 →
Settings → Check styleguide enabled
.
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.
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!