How can I center and reduce header size on website pages?

Store Design
1

I encountered this issue, that my pages created do not reflect the website. My title is huge & not centered & no matter how much I try to center the text, it does not align to the center. What can I do to make the header smaller & have it all align to the center? (I have already tried changing text size on main content, without success)

As example, my shipping & returns page: https://forher.boutique/pages/shipping-returns

this issue is on all page pages.

2

Hello @forher :waving_hand:

In Shopify Admin, go to Themes > Edit code, open file base.css and add this code snippet at the bottom

.main-page-title {
    text-align: center;
    font-size: 36px;
}

The result

Screen Shot 2022-10-16 at 10.13.04.png
Screen Shot 2022-10-16 at 10.13.04.png878×410 14 KB

Hope that helps!

3

Hi.

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file base.css

.page-width.page-width--narrow.section-template--16464725606629__main-padding{
text-align: center;
}

Hope this answer helps.

Best Regards,

PageFly

1 Like
4

thank you for helping & what if I want to make only the header bold now?

5

It helped a lot & my last question is, what if I want to make only the header bold now?

6

Hi think you for replying & I suggest you to try what @PageFly-Victor said. It worked for me! :slightly_smiling_face:

1 Like