Solved

Put page titles in the Centre in Dawn theme

Mathias8hrS
Excursionist
46 0 16

Hi, 

I'm currently using the new Dawn theme for my shop (used to use Narrative), but it really bugs me that the titles of the pages and some things on the home page are not centered but stuck to the left side of the screen. Does anyone know how to easily center all the titles to the middle? 

Thank you!

Examples:

Titles in Middle 2.PNGTitles in middle1.PNG

Accepted Solutions (2)
dmwwebartisan
Shopify Partner
12321 2551 3712

This is an accepted solution.

@Mathias8hrS 

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

.title-wrapper-with-link {
    align-items: center;
    text-align: center !important;
    display: block !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

View solution in original post

Kinjaldavra
Shopify Partner
2302 570 1424

This is an accepted solution.

hello @Mathias8hrS 

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

.main-page-title , .collection .title-wrapper-with-link   {
    text-align: center; 
    justify-content: center;
}

 

View solution in original post

Replies 8 (8)

dmwwebartisan
Shopify Partner
12321 2551 3712

@Mathias8hrS 

Please share your store 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
Kinjaldavra
Shopify Partner
2302 570 1424

hello @Mathias8hrS 

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

Mathias8hrS
Excursionist
46 0 16

@Kinjaldavra @dmwwebartisan 

url: www.8hrsstore.com

Password: Kastaar321!

Thank you!

dmwwebartisan
Shopify Partner
12321 2551 3712

This is an accepted solution.

@Mathias8hrS 

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

.title-wrapper-with-link {
    align-items: center;
    text-align: center !important;
    display: block !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
Mathias8hrS
Excursionist
46 0 16

Hi,

@dmwwebartisan @Kinjaldavra 

Thank you for the code snippets.

These work for the homepage, however I also want all other pages (f.e. About Us page) to display the title in the center of the page. Any way to write this quickly into the code so it's everywhere the case or just have to do the title wrapper code on all pages seperately?

Thanks again

Kinjaldavra
Shopify Partner
2302 570 1424

hello @Mathias8hrS 

I see the About Us page  title to display the in the center of the page  it's  not everywhere the same  case yes you  have to do the title wrapper code on all pages separately

Kinjaldavra
Shopify Partner
2302 570 1424

This is an accepted solution.

hello @Mathias8hrS 

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

.main-page-title , .collection .title-wrapper-with-link   {
    text-align: center; 
    justify-content: center;
}

 

aydac
Visitor
1 0 0

hi, this is not working on my product pages. are you able to check my product pages to centre the title? 

 

shopsouls.com

pass: raopri