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.

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!

I’m not sure if this is what you mean, but try .cooked { line-height: 30px; }

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.

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

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

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 :slight_smile:

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

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!

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.

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

Product Support

zogstrip (Régis HANOL) August 3, 2016, 3:39pm 8

Have you tried this?

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

Topic		Replies	Views
How to change the color of the line below the top navigation Product Support	8	1413	December 21, 2016
How to change the color of the topic list dividers? Product Support	10	359	February 9, 2025
CSS - User posts divider line Product Support	2	665	March 28, 2019
Could we have a thin outline border around the avatar pictures? UX	4	1469	June 23, 2015
Line under avatar? Development css	3	730	February 25, 2023

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

Related topics