How to remove title on pages in origin theme

[lelestore1]

My contact us page and about us page have a mandatory title. How can I remove the title OR center them as they are on the left of the page now. My website is www.boxywallets.com for reference. 

[ZenoPageBuilder]

Hello @lelestore1 👋

In Shopify Admin, you can go to Edit code, open the file base.css and add one of these code at the bottom

Hide the title

.page-title {
    display: none;
}

Center the title

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

[Dan-From-Ryviu]

Hi @lelestore1 

If you wan to hide the title of those pages, please add this code in your Online store > Themes > Edit code > theme.liquid before </head> tag 

<style>
.main-page-title { display: none !important; }
</style>

If you want to align center it, please use this code 

<style>
.main-page-title { text-align: center !important; }
</style>

[Guleria · Accepted solution]

Hello @lelestore1 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code below:

To hide the title:

.main-page-title { 
display: none !important; 
}

To center the title:

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

Note: Don't use it in theme.liquid before </head> or </body> tag
it's a good practice to organize your styles into separate CSS files and include them in the appropriate sections of your Shopify theme. This follows best practices for web development, making your code more modular, reusable, and maintainable.

Thanks