Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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
OK now go to your Shopify back end and edit your theme code:
Press control f and search for h1 then add
text-align: center;
And we’re done
Thanks!
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.
Hi @Kinjaldavra
The new site is not published yet, here is the link to the page:
The current site link is:
You can recognize the title position even with a different language.
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
OK now go to your Shopify back end and edit your theme code:
Press control f and search for h1 then add
text-align: center;
And we’re done
Thanks!
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.
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.
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
this helped me! thanks! but you have to spell it "center" not "centre"
Thank you! I had the same issue and your advice helped me!
Thank you, I've searched high and low for this solution. You'd think centering page headings would be a standard option within the edit tools.
this solution works for the "Dawn Theme - Center The Page Title"
Hi,
How could I center a collection title without centering the product title?
Thank you
How to center heading only to home page without affecting footer heading and other pages.
You can simply remove this title by backspace and add Rich text instead. Use it as the title for the rest aswell. Takes only 5 minutes. Rich text has middle centre and right and you don't have to code anything.
This seems to only center the heading on the desktop version of the website and not the mobile version.
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
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.
Hi, can you please explain, how can i center the text on the collection sites for my tshirt / hoodies / mugs / and so on.
And how can i center the text on the main page in the blogs "featured category" and "with multiple columns"? Thanks!
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024