FROM CACHE - en_header

Dawn theme - center the page title

Solved
Sonicman
Tourist
5 0 1

I'm migrating from Debut theme to Dawn theme and notice it lacks basic editing possibilities when working with text and images (which is suck because it is 2.0 version and all...).

Anyway, I'm trying to find how to center the Title on the pages you create using the Pages section under the Online Store.

** On the Debut theme the title is centered and on Dawn theme it is align to the Left.

Accepted Solution (1)

Accepted Solutions
HamishDavisonIC
Shopify Partner
60 8 57

This is an accepted solution.

WHY DO PEOPLE ASK FOR YOUR STORE URL I DID THIS ON MY STORE HERE:

 

How to centre your headings on Dawn theme — Shopify 2.0 tutorials

All you need to do to center your headings on Dawn (and any theme that is Shopify 2.0) is:

 

 

Identify the problem

HamishDavisonIC_0-1631902413761.png

 

OK now go to your Shopify back end and edit your theme code:

HamishDavisonIC_1-1631902413768.png

 

HamishDavisonIC_2-1631902413633.png

 

HamishDavisonIC_3-1631902413770.png

 

Press control f and search for h1 then add

 

text-align: center; 

 

And we’re done

Thanks!

View solution in original post

Replies 14 (14)
Kinjaldavra
Shopify Partner
2302 569 1407

hello @Sonicman 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Sonicman
Tourist
5 0 1

Hi @Kinjaldavra 

The new site is not published yet, here is the link to the page: 

https://a1txlv3lmtkd280m-58259931304.shopifypreview.com/pages/%D7%9E%D7%99%D7%93%D7%A2-%D7%95%D7%9E%...

The current site link is:

https://www.prikafu.com/pages/%D7%9E%D7%99%D7%93%D7%A2-%D7%95%D7%9E%D7%97%D7%A9%D7%91%D7%95%D7%9F-%D...

You can recognize the title position even with a different language.

HamishDavisonIC
Shopify Partner
60 8 57

This is an accepted solution.

WHY DO PEOPLE ASK FOR YOUR STORE URL I DID THIS ON MY STORE HERE:

 

How to centre your headings on Dawn theme — Shopify 2.0 tutorials

All you need to do to center your headings on Dawn (and any theme that is Shopify 2.0) is:

 

 

Identify the problem

HamishDavisonIC_0-1631902413761.png

 

OK now go to your Shopify back end and edit your theme code:

HamishDavisonIC_1-1631902413768.png

 

HamishDavisonIC_2-1631902413633.png

 

HamishDavisonIC_3-1631902413770.png

 

Press control f and search for h1 then add

 

text-align: center; 

 

And we’re done

Thanks!

Sonicman
Tourist
5 0 1

Hey @HamishDavisonIC ! This is a nice solution that opens other options as well. The thing is, it changes all the title h1 design and I wanted to avoid it.

What I mean - I have a regular Page and the Product Page - they both use this h1 design and both are affected. I was looking to change the setting only for the Pages.

Kinjaldavra
Shopify Partner
2302 569 1407

hello @Sonicman 

do you want to look like this https://nimb.ws/2U8GhZ

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Sonicman
Tourist
5 0 1

@HamishDavisonIC

No no, just the title of that page. You can see that it's already centered because I followed the instructions you gave, but the product title are now centered as well, and I wanted to avioid that.

Screenshot_13.png

HamishDavisonIC
Shopify Partner
60 8 57

@Sonicman 

Try putting it in

section-main-page.css

instead of base.css

I don't know if this will work but let me know 🙂 If it does please accept the answer with my youtube video as a solution

 

HamishDavisonIC_0-1631963070052.png

 

Sonicman
Tourist
5 0 1

Thank you @HamishDavisonIC  - - - you're a savior !! 

New2code
New Member
4 0 0

Hi, I’m facing the same issue and would like my logo centred on my password protected page. 

the answers appear to be store/section specific, would appreciate some guidance here. Thanks 

Kinjaldavra
Shopify Partner
2302 569 1407

hello @New2code 

Please provide the website URL and if your store is password protected then also provide a password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
elya
New Member
2 0 0

Hi,

 

How could I center a collection title without centering the product title?

 

Thank you

 

 

cutiecatscorner
New Member
1 0 0

this helped me! thanks! but you have to spell it "center" not "centre"

AbdullahShahz03
Shopify Partner
8 0 2

How to center heading only to home page without affecting footer heading and other pages.

Screenshot 2022-03-24 013329.png

 

 

Quondy
Explorer
72 0 21

Thank you! I had the same issue and your advice helped me!