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

Store Design
, , , ,
1

Hi there :slightly_smiling_face:

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/

2

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;
}
3

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 tag.

Result:

websensepro_0-1700583819045.png
websensepro_0-1700583819045.png1335×615 22.5 KB

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

4

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? :slightly_smiling_face:

5

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