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

**URL:** https://meta.discourse.org/t/how-to-css-control-the-reply-and-show-replies-buttons/24946
**Category:** Support
**Created:** [February 7, 2015, 12:47pm UTC](https://meta.discourse.org/t/how-to-css-control-the-reply-and-show-replies-buttons/24946 "2015-02-07T12:47:10Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Mads\_Ringblom\_Knudse](https://avatars.discourse-cdn.com/v4/letter/m/5e9695/32.png) [@Mads\_Ringblom\_Knudse](https://meta.discourse.org/u/Mads_Ringblom_Knudse)
#### Post date: [February 7, 2015, 12:47pm UTC](https://meta.discourse.org/t/how-to-css-control-the-reply-and-show-replies-buttons/24946/1 "2015-02-07T12:47:10Z")

</div>

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 😄)  
But I’m stuck on how to control the look of theese two buttons:

 ![](https://global.discourse-cdn.com/meta/original/3X/5/6/5622e7fdc8f8f1c919594d13b1fc3745d81c4fdb.png)

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?

---

<div class="post-metadata">

### Author: ![elberet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/elberet/32/122404_2.png) [@elberet](https://meta.discourse.org/u/elberet)
#### Post date: [February 7, 2015, 3:43pm UTC](https://meta.discourse.org/t/how-to-css-control-the-reply-and-show-replies-buttons/24946/2 "2015-02-07T15:43:42Z")

</div>

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

```css
.topic-post .post-controls .create { background: transparent; }

```

---

<div class="post-metadata">

### Author: ![Mads\_Ringblom\_Knudse](https://avatars.discourse-cdn.com/v4/letter/m/5e9695/32.png) [@Mads\_Ringblom\_Knudse](https://meta.discourse.org/u/Mads_Ringblom_Knudse)
#### Post date: [February 7, 2015, 4:29pm UTC](https://meta.discourse.org/t/how-to-css-control-the-reply-and-show-replies-buttons/24946/3 "2015-02-07T16:29:44Z")

</div>

Ahaa 😄

Thanks a lot! That solved it.

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [February 9, 2015, 9:52am UTC](https://meta.discourse.org/t/how-to-css-control-the-reply-and-show-replies-buttons/24946/4 "2015-02-09T09:52:38Z")

</div>