Solved

How to remove title on pages in origin theme

lelestore1
Tourist
6 0 2

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. 

Accepted Solution (1)

Guleria
Shopify Partner
3087 605 863

This is an 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

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 3 (3)

ZenoPageBuilder
Shopify Partner
1052 203 219

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

 

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

Dan-From-Ryviu
Shopify Partner
7726 1506 1515

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>

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Guleria
Shopify Partner
3087 605 863

This is an 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

- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter