# CSS: how to make the line (border) between messages bigger?

**URL:** https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161
**Category:** Support
**Created:** [August 3, 2016, 2:33pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161 "2016-08-03T14:33:57Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Silvanus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/silvanus/32/62831_2.png) [@Silvanus](https://meta.discourse.org/u/Silvanus)
#### Post date: [August 3, 2016, 2:33pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/1 "2016-08-03T14:33:57Z")

</div>

How can I find the CSS I’m supposed to change? I’m moderatery knowledgeable of CSS, but I can’t find any list of which to change…

Currently I want to change the **line width of the line between messages**.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [August 3, 2016, 2:58pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/2 "2016-08-03T14:58:00Z")

</div>

I’m not sure if this is what you mean, but try

```plaintext
.cooked { line-height: 30px; }

```

---

<div class="post-metadata">

### Author: ![Silvanus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/silvanus/32/62831_2.png) [@Silvanus](https://meta.discourse.org/u/Silvanus)
#### Post date: [August 3, 2016, 3:19pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/3 "2016-08-03T15:19:26Z")

</div>

So I put this into Customize \> CSS? Not header?

**Edit:** I put it into CSS.

Result was a nice one, but not quite what I needed. I meant the solid 1px gray line that comes right before a message.

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [August 3, 2016, 3:26pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/4 "2016-08-03T15:26:12Z")

</div>

Okay, can you explain that a bit more, you want more spacing where? Can you mock it up?

---

<div class="post-metadata">

### Author: ![Silvanus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/silvanus/32/62831_2.png) [@Silvanus](https://meta.discourse.org/u/Silvanus)
#### Post date: [August 3, 2016, 3:31pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/5 "2016-08-03T15:31:22Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/5/1/5187cc7c65be0c908c4c947b92763a64972275c7.png)

This. So basically that 1px solid gray line above each article into a 2x solid black line.

---

<div class="post-metadata">

### Author: ![Silvanus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/silvanus/32/62831_2.png) [@Silvanus](https://meta.discourse.org/u/Silvanus)
#### Post date: [August 3, 2016, 3:33pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/6 "2016-08-03T15:33:01Z")

</div>

And just as a follow up: where do I find the list of all the css used (like, where do I find that there is a `.cooked`) and their explanations… Finding this general location will help out my customization enormously 🙂

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [August 3, 2016, 3:36pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/7 "2016-08-03T15:36:09Z")

</div>

On Chrome just CTRL+SHIFT+C and hover over what you want to style.

---

<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: [August 3, 2016, 3:39pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/8 "2016-08-03T15:39:14Z")

</div>

Have you tried this?

```css
.topic-body, .topic-avatar {
  border-top-width: 5px;
}

```

---

<div class="post-metadata">

### Author: ![Silvanus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/silvanus/32/62831_2.png) [@Silvanus](https://meta.discourse.org/u/Silvanus)
#### Post date: [August 3, 2016, 3:44pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/9 "2016-08-03T15:44:04Z")

</div>

Quite close, thank you! One but: for some reason the border (sorry for confusing with line before!) above the avatar is not changing with that one!

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [August 3, 2016, 3:45pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/10 "2016-08-03T15:45:34Z")

</div>

With @zogstrip suggestion, it should work. Be sure you have that comma in there between .topic-body and .topic-avatar

You can then use border-color to change its color.

---

<div class="post-metadata">

### Author: ![Silvanus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/silvanus/32/62831_2.png) [@Silvanus](https://meta.discourse.org/u/Silvanus)
#### Post date: [August 3, 2016, 3:49pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/11 "2016-08-03T15:49:34Z")

</div>

The working solution is:

`.topic-body, div.topic-avatar { border-top-width: 5px; border-top-color: black; }`

For some reason it doesn’t work with only `.topic-avatar` (i.e. without `div`). (Maybe a browser-based bug/feature?)

Thank you for the help!

---

<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: [August 3, 2016, 3:51pm UTC](https://meta.discourse.org/t/css-how-to-make-the-line-border-between-messages-bigger/48161/12 "2016-08-03T15:51:33Z")

</div>


