How do I reduce heading size on content pages in Dawn?

[Andalbutka23]

Hi there 🙂

I'd like to:

1) reduce the heading size on only content pages using Dawn.

2) reduce the bottom margin between this heading ad the body copy

https://modistore.co.uk/

[Dan-From-Ryviu]

Hi @Andalbutka23 

Please go to your Online store > Themes > Edit code > open section-main-page.css, add this code at the bottom and save file 

.main-page-title {
  margin-bottom: 2rem !important;
  font-size: 32px !important;
}

[websensepro]

Hi, @Andalbutka23.

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag.

<style>
section#shopify-section-template--19893567783237__main h3 {
    margin-bottom: 15px;
    font-size: 36px;
}
</style>

Result:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

[Andalbutka23]

Hi there,

Thanks for your help, however you can see i the screen shots that the headings are different on different pages. Is there anyway of overriding all headings on content pages? 🙂

[Andalbutka23]

Hi thanks for your help. I tried that but the "About" heading is still bigger than the "Contact Us" heading. See screenshot I took in photoshop, placing the two side by side to check. Please advise what can be done to achieve consistent, smaller content page headings