Put page titles in the Centre in Dawn theme

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:

1 Like

@Mathias8hrS

Please share your store URL.

Thanks!

2 Likes

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.

3 Likes

@Kinjaldavra @dmwwebartisan

url: www.8hrsstore.com

Password: Kastaar321!

Thank you!

2 Likes

@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!

2 Likes

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;
}
8 Likes

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

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

3 Likes

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

pass: raopri