How to css-control the 'reply' and 'show replies' buttons?

I’m doing some css-customization on a discourse installation.
Right now I’m working on a more simple thread-design.
(I’ll share when finished :smile:)
But I’m stuck on how to control the look of theese two buttons:

I wan’t to make the background transparent (when not mousing-over) and I’ve tried:

.nav.post-controls button.create {background: transparent;}
.nav.post-controls .show-replies {background: transparent;}

Which seems to work in Chrome developer tools but not when implemented.
btw it actually seem to affect the reply button below the thread, which I don’t want to change.

Anybody knows what I’m doing wrong?

Your first selector is wrong: in .nav.post-controls, nav is an element, not a class. This should do what you want:

.topic-post .post-controls .create { background: transparent; }
3 Likes

Ahaa :smile:

Thanks a lot! That solved it.