How is this new topic button achieved?

[misterjtc (Jordan Cook)]

I really like the new topic button on the main discourse forum.

Can I do this on my site?

[ondrej]

Hi

This is a feature of the material design theme

Material Design Stock Theme

Summary Material Design has been created to be easily customizable. Preview Preview on theme-creator.discourse.org Repository Link https://github.com/discourse/material-design-stock-theme New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme I would appreciate any input you have, but just remember the intention is for this to be a stock theme, while making it simple enough for any us…

You will have to install it on your site. See kink below if you are not sure how.

Install a theme or theme component

Importing new themes and theme components head to Admin → Customize → Themes and press the Install button. [image] [image] From the Install dialog, you can … choose popular Discourse themes and theme components install from a Git repository URL link install from your local device (rare) If you are installing a complete theme, you’re done! If you install a theme component , you will need to add that theme component to your active themes. Keep reading. Add theme components to a …

[merefield (Robert)]

This has been asked before. I provided a detailed answer here:

Floating "New topic" button

I can do better than that … I believe this is the CSS (UPDATED): @mixin buttonShadow { box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); } @mixin buttonTransition { transition: right 0.5s, bottom 0.5s, border-radius 0.5s, text-indent 0.2s, visibility 1s, width 0.2s ease, height 0.5s ease 0.4s, color 0.5s, background-color 2s, transform 0.5s; } //New Topic Fab #create-topic.btn-default { display: flex; align-items: center; justify-content: center; @inc…

The code might have been tweaked since …

[misterjtc (Jordan Cook)]

Thank you @ondrej.

I have been using the material design theme on this forum as a test. I didn’t realize it was specific to that theme. I have it installed on my instance but I don’t use it.

I’d be interested on how to do this across the board.

I currently do this with custom header links but prefer the floating one.

[misterjtc (Jordan Cook)]

Thanks the reply @merefield.

This would be awesome as a plugin or theme component!