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

Store Design
1

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

shopify 20.jpg
shopify 20.jpg1347×477 47.4 KB

2

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

1 Like
3

base.css

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

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

5

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

6

Hi @hamzaabbas

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

7

Yes, on this page

Deal Town Rangers FC – Trident

8

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 tag: https://prnt.sc/FbXi5VLql_lx

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

Yes, it is working. Thank you