MitchW
MitchW

@mtt Would it be possible to put a bit of vertical space and a thin horizontal rule between posts, as with Marfa? I feel like my blog is a little wall-of-texty.

|
Embed
Progress spinner
Mtt
Mtt

@MitchW Here you go. Go to Design → Edit CSS. And add this snippet:

.post-preview {
margin: 3em 0 1em;
border-bottom: 1px solid var(--link);
}
|
Embed
Progress spinner
Mtt
Mtt

@MitchW You can modify that snippet to whatever you want. Add more spacing at the top by increasing 3em, add more spacing at the bottom by increasing 1em. Leave the “0” as is.

You can also increase the thickness of the line, modify the style (can use “dotted” or “dashed” instead of “solid”), and change the color. I set it to the link variable, but you can erase all that and use any hex value you like (such as #00FFEE or whatever).

If that’s all confusing or you have something more specific in mind, let me know.

|
Embed
Progress spinner
MitchW
MitchW

@Mtt thanks. No I think it looks better without the line though. And I think I may be overthinking this, or coming at the problem from the wrong direction. If there is a problem at all. 

|
Embed
Progress spinner
Mtt
Mtt

@HabibCham It can be changed separately. I can get you the directions later today.

|
Embed
Progress spinner
Mtt
Mtt

@HabibCham You can add this code to Design → Edit CSS in the Micro.blog dashboard. That snippet has the default colors for site, so you won’t notice any changes using it like it is. But you can change any color on it to what you’d like. Play around!

|
Embed
Progress spinner
Mtt
Mtt

@HabibCham Yes, your request said you only wanted that. Did you need something else?

|
Embed
Progress spinner
Mtt
Mtt

@HabibCham Right. The code I provided you is your starting point to change colors on the light theme. You can change the “link” variable to a purple shade. Try #301934 for example.

|
Embed
Progress spinner