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

Store Design
1

hennrylam_0-1634586030890.png
hennrylam_0-1634586030890.png1668×656 129 KB

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

Thank you

2

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

3

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.

4

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

5

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