Inconsistent Line Spacing Issue in Peace Theme

openlab

Hello,

I am currently using the Peace theme in my NodeBB forum. When writing posts that include headings and bullet points, I noticed an issue with inconsistent line spacing, as shown in the attached image.

Could you please advise on how to resolve this issue? Your guidance would be greatly appreciated.

Thank you for your support!

Best regards.

Jessica Brown

I am also using the Peace theme,

I don't see it as exaugurated as yours, can you inspect the title or bullets and let me know the size of the spacing?

openlab

It appears as shown on the screen.

Jessica Brown

Ok, so the h3 has an 8px margin-bottom. You can go into the admin, add:

h3 {
    margin-bottom: 5px;
}
p {
    margin-bottom: 10px;
}

See what that looks like throughout the site.

openlab

@codenamejessica said in Inconsistent Line Spacing Issue in Peace Theme:

You can go into the admin, add:

Should I paste the code into the Admin's Custom CSS section?

Jessica Brown

Yes, sorry, I should have mentioned that

openlab

It still doesn't apply, but I learned that this can be solved using Custom CSS. I will try again with various methods. Thank you for your response.

Jessica Brown

add the !important like this:

h3 {
    margin-bottom: 5px !important;
}
p {
    margin-bottom: 10px !important;
}

openlab

I'm sorry, but the custom.css you provided still doesn't resolve the issue. I'll need to look for other possible solutions. Thank you so much for your helpful response.

Jessica Brown

It seemed to work on mine:

Did you make sure you enabled Custom CSS switch?