Spacing Padding not working anymore for Headline Element

Hey simplycoding15,
The special heading element has a bottom padding of 10px, and because it has a H1 tag a top margin of 20px is added.
I’m not sure if you want to center the special heading:

#top.page-id-38256 #av_section_1 .av-special-heading-h1 {
	 text-align: center;
}

or if you want to use letter spacing:

#top.page-id-38256 #av_section_1 .av-special-heading-h1 h1 {
    letter-spacing: 0.1em;
    text-align: center;
}

Hopefully this helps with your question.

Best regards,
Mike

Hi,
I guess I didn’t understand your question originally, do you want it to look like the blue section AGES 6+ / GRADES 2-5?
Try this css:

#top.page-id-38256 #av_section_1 h1.av-special-heading-tag {
    margin: 0 !important;
}
#top.page-id-38256 #av_section_1 .av-special-heading-h1 {
	 text-align: center;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The top margin is added by your custom css:

h1{
	margin-top: 20px !important;
}

Best regards,
Mike

Hi,
In the special heading element when you add a margin it is added to the element that wraps the H1 tag av-special-heading it doesn’t add or remove a margin from the H1 tag itself. Your custom margin for the H1 tag adds the margin to the H1 inside the special heading element.
I hope this explains better.

Best regards,
Mike

Hi,
I would recommend making your custom css more specific to the H1 element that you want to add the 20px top margin to:

Using this current rule will add a 20px top margin to all of your H1 tags.

Best regards,
Mike