How can I center the heading on my Dawn theme pages?

Store Design
,
1

Hi there,

My theme (Dawn) aligns Headings on the left by default.

On my website’s pages (about us, care & warranty, etc.) I would like to center it in the middle.

How could I do that ?

Theme : Dawn 6.0.2

Website : www.daiquiriparis.com

Screenshot

Capture d’écran 2023-06-20 à 15.37.57.png
Capture d’écran 2023-06-20 à 15.37.57.png1920×1080 274 KB

Thanks a lot !

Pauline

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > custom.css and paste this at the bottom of the file:
.main-page-title.page-title {
text-align: center;
}

ZestardTech_0-1687268780552.png
ZestardTech_0-1687268780552.png1907×798 118 KB

3

Hello @contactdaiquiri

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.main-page-title {
    text-align: center !important;
}
4

Hi @contactdaiquiri

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.main-page-title.page-title {
    text-align: center !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

5

Hi @contactdaiquiri .

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

.page-width.page-width--narrow.section-template--16716451643618__main-padding h1.main-page-title.page-title.h0 {
    text-align: center;
}

CassieDonnel_0-1687275904763.png
CassieDonnel_0-1687275904763.png1236×592 98.4 KB

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

1 Like
6

Thank you so much, it worked !

What code should I put to do the same on the other pages :

https://daiquiriparis.com/pages/sizing-guide

https://daiquiriparis.com/pages/product-care-warranty

https://daiquiriparis.com/pages/product-categories

https://daiquiriparis.com/collections

Should I put the same formula but changing the Template number ?

Thanks a lot…

1 Like
7

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.main-page-title{
    text-align:center;
}
.title-wrapper--no-top-margin {
    justify-content: center;
}
1 Like