Header spacing problem

Hi if you visit the article that i have written here http://actionfiguregeek.com/start-action-figure-collection/ your see some weird spacing after each sub heading … how do I adjust this and close the gaps. Also is there an over text size option for headings that i can adjust?

Thanks in advance

Hello @Roona,

Thanks for asking. :slight_smile:

You can add following CSS under X > Launch > Options > CSS to adjust heading spacing:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-top: 10px;}

Can you please elaborate the second question?

Thanks.

that doesnt seem to work … the second question is that the h3 tag is a bigger text size than h2 how do i change this

Hello @Roona,

Thanks for updating.

Above code will adjust the spacing that coming before heading elements. Please see screenshot. https://screencast.com/t/IelDbIbV

However, I can see that for subheading you are using <p> tag. Maybe you can consider using <h3> or <h4> tag. In case you want to stick with <p> tag, then please add following CSS to fix the spacing issue:

.single-post p {margin-bottom: 10px;}

For the second question, please try adding following CSS:

.single-post h3 {font-size: 14px; line-height: 20.3px;}

Thanks.

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