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
HabibCham
HabibCham

@Mtt Hi Matt, how do I go on changing the accent/link colour for the light mode? Quite happy with the dark mode link/accent or does it have to change for both? Thanks.

|
Embed
Progress spinner
Mtt
Mtt

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

|
Embed
Progress spinner
HabibCham
HabibCham

@Mtt Thank you. That will be much appreciated. 🙂

|
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
HabibCham
HabibCham

@Mtt Thanks for taking the time to provide the code. Changes I made seems to only work with the Light theme.

|
Embed
Progress spinner
Mtt
Mtt

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

|
Embed
Progress spinner
HabibCham
HabibCham

@Mtt I’m looking to have a different link colour for the light theme. Currently the default is Blue for Light theme and Cyan in dark mode.

I’d be happy to retain the cyan in dark mode but change the blue to purple in Light mode.

Sorry to disturb your Sunday. This is not urgent so you can shelve it for now until when you’re next free. Thanks for your time.

|
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
HabibCham
HabibCham

@Mtt I did that, it also changes it for the dark mode however.

|
Embed
Progress spinner
HabibCham
HabibCham

@Mtt Not to worry, i’ll keeop it as the defaults. Thanks for taking the time to help. appraicte it. :)

|
Embed
Progress spinner