What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: How to center page titles?

How can I align the page title to the center in the Dawn theme?

Picknick
Excursionist
25 0 7

Hi, how is it possible to center the page title? It's always in the middle of nowhere. I really don't understand why shopify is not developing these standard features....

Would be great if somebody could tell me, where to change the alignment in the css (dawn theme).

Picknick_0-1635407547446.png

 

URL Link (draft mode)

https://coekrbjmekxx5bnp-28988211275.shopifypreview.com

Replies 10 (10)

dmwwebartisan
Shopify Partner
12323 2552 3732

@Picknick 

please Go to Online Store->Theme->Edit code then go to assets/section-main-page.css ->paste below code at the bottom of the file.

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

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Picknick
Excursionist
25 0 7

Thanks a lot! It would be the same code for collection pages?

KetanKumar
Shopify Partner
37445 3664 12119

@Picknick 

yes please try this code

.section-header__title {text-align: center;}
If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Picknick
Excursionist
25 0 7

@KetanKumar I just got problem, thank you! But my collection description is not centered. Where can i find this?

Picknick_0-1635589775882.png

 

Picknick
Excursionist
25 0 7

Solved the problem. The box was just 66% width for the collection description. Changed it to 100% in collection-hero.css

Picknick_0-1635590382904.png

 

 

KetanKumar
Shopify Partner
37445 3664 12119

@Picknick 

thanks for update

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Ayesha4
Visitor
2 0 0

this is not working for my collection pages. where do i put this?

 

dmwwebartisan
Shopify Partner
12323 2552 3732

@Ayesha4 

Please share your shop URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Username14
Tourist
7 0 1

That's for the pages that we create? And it's the same for sense theme?

KetanKumar
Shopify Partner
37445 3664 12119

@Username14 

can you please share your store url so i will check and let you know 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing