Put page titles in the Centre in Dawn theme

[Mathias8hrS]

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:

[dmwwebartisan · 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!

[dmwwebartisan]

@Mathias8hrS 

Please share your store URL.

Thanks!

[Kinjaldavra]

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]

@Kinjaldavra @dmwwebartisan 

url: www.8hrsstore.com

Password: Kastaar321!

Thank you!

[dmwwebartisan · 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!

[Mathias8hrS]

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]

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 · 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]

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