How can I center the page heading for my 'workouts' page?

[hennrylam]

Please refer to image -  I have a page called "workouts" and the tital is on the left, how to centre?

Thank you

[Developer-G]

Hello @hennrylam ,

Pick the element id/class and assign it css text-align: center

e.g. let's say my element 'class' is heading then my css will be
.heading{ text-align: center; }

Thanks

[Kinjaldavra]

hello @hennrylam 

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.

[Zworthkey]

@hennrylam

h1.small--text-center {
    text-align: center !important;
}

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
or kindly add this code to theme.scss 
Thank you.

[Kinjaldavra]

hello @hennrylam 

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

.template-page h1 {
    text-align: center !important;
}