How to center align page title (Ride theme)

[WOOFESSENTIAL]

Hi,

We're using Ride theme for our store. All the page titles are aligned to the left, how can we change all page titles to be center aligned?

And the headings of Collage and Multicolumn are also left aligned, could we also get some help to edit those to be center aligned?

Thanks for your help!

[EYCB]

Hello 
You should try below code in your base.css which makes all page title and heading of collage and multi columns to the center.

h1{
text-align:center;
}
.multicolumn-card h3{
text-align:center;
}

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

h1.title--primary {
text-align: center;
}
.main-page-title {
text-align: center;
}
.multicolumn-card__info h3 {
text-align: center;
}
.multicolumn-card__info p {
text-align: center;
}

[WOOFESSENTIAL]

Thank you! It worked for the page title, but the headings of Collage and Multicolumn are still left aligned. 

[GemPages]

Hi @WOOFESSENTIAL,

Glad to support you today.

To can align center the page title, you can check out my suggestion below to make it:

1. Go to Edit code on Online Store:

2. add my code  above the </body> tag on Theme.liquid:

<style>

	.multicolumn-card__info p, 
	h1,
	.main-page-title,
	.multicolumn-card__info h3 {
		text-align: center !important;
	}
</style>

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

[shopuser2]

If you're coming back to this like I am, this solution works. 

[RyanAnderson]

Does not work for us