Remove default padding from headings (h1, h2, h3, h4, h5)

[seola]

Hi, I’m using headings with the “mtn” class which prevents padding around them. For example:

<h4 class="mtn">Health</h4>

I’m wondering why when I add a link to these headings, it adds padding and seems to ignore the class? How can I fix this?

For example on this page at the top you can see “Health” is linked and therefore has a giant amount of padding around it… looks bad. The area to the right of this (“Environment”) is not linked, and the (lack of) padding looks great.

Here’s a screenshot showing this as well: https://preview.ibb.co/noUcCm/PADDING.jpg

Thanks

[mldarshana]

Hi There,

Thanks for writing in! Try adding the following CSS rule into your Customizer, Custom > Edit Global CSS area.

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0;
}

Hope that helps.