How to make the page title in the center of page.

[hamzaabbas]

How i can make the page title text in the center of the page only on specific pages?

https://www.tridentproducts.co.uk/pages/deal-town-rangers-fc

[LizHoang]

Hi @hamzaabbas 

Thanks for your questions, to resolve the query, you can follow the instruction here: 

1. Go to Shopify > Theme > Customize > Custom CSS : https://prnt.sc/Voua7Py76UCg 

2. Copy the code below and paste to the Custom CSS section  > save 

.main-page-title {
   text-align: center !important;
}

I hope it helps

Avada team - Hana

[hamzaabbas]

Thank you for your response. I only want for few pages not on whole website pages.

[Sivadarshan]

Place that in pages where to place --> scroll down to custom liquid --> paste the code 

[LizHoang]

Hi @hamzaabbas 

Can you share with me these pages?  I will provide you with solutions on it 

[hamzaabbas]

Yes, on this page

Deal Town Rangers FC – Trident

[LizHoang · Accepted solution]

Hi @hamzaabbas, 

You can follow the instruction here: 

1. Go to Shopify > Theme > Edit code > theme.liquid file

2. copy and paste this code before the </head> tag: https://prnt.sc/FbXi5VLql_lx

{% if page.id == 120651415818 %}
{% style %}
.main-page-title {
   text-align: center !important;
}
{% endstyle %}
{% endif %}

[hamzaabbas]

Yes, it is working. Thank you

[Sivadarshan]

base.css

.main-page-title{
text-align:center;
}