Adjust Heading and Paragraph Spacing

Support
#1

Hello,
The space between the heading and the following paragraph on my website is odd. The space between paragraphs is also very broad. The space between the alphabets in the heading is also too much. It is more than what I would like. Is there a way to adjust all these spacing issues?

#2

Hello @Rumble32,

Thanks for asking. :slight_smile:

Please try out following CSS under X > Theme Options > CSS to adjust the spacing:

.single-post p {
    margin-bottom: 8px !important;
}

.single-post h3 {
    margin-top: 15px;
}

Thanks.

1 Like
#3

Hi,
I just tried this but it didn’t work. I pasted the code on CSS window from the Customizer and tried to change the digits in the code to see how it affects all the space issues, but nothing changed.

#4

Hello @Rumble32,

Thanks for updating the thread. :slight_smile:

I have tested the CSS on my end and it works fine. In the reply, you mentioned about Customiser. Please don’t add the CSS in Customiser. At time it gives compatibility issues. I request you to please add the CSS under X > Theme Options > CSS. https://cl.ly/2f223Q1R1f3J

Please let us know how it goes.

Thanks.

#5

it worked, thank you!
Is there also a way to control the size of the headings? I am not able to use the Customizer settings to change the font size of the headings. The H2 headings especially look terribly huge.

#6

Hello @Rumble32,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

.single-post h2 {
    font-size: 15px !important;
}

Thanks.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.