Solved

How do I center text on a Studio theme?

MMRI21
New Member
6 0 0

Hello, I am trying to center the text "milestone memories story" can anyone help me with what code to edit?  Much appreciated!Screen Shot 2022-11-29 at 6.20.09 PM.png

Accepted Solution (1)

GemPages
Shopify Partner
5589 1261 1221

This is an accepted solution.

Hello @MMRI21 

It's GemPages support team and glad to support you today.

 

Please check out my suggestion below to align center page title:

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

2. Open file theme.liquid then add this code to above the </head> tag

<style>
    #shopify-section-template--16729132433647__main .page-width h1.main-page-title{
      text-align: center;
    }
    </style>

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 6 (6)

EcomRAZ
Shopify Partner
85 6 6

Hi MMRI21,

 Can you please share your website link so I can send you the CSS code to center that? Also, You can check that through Theme Settings as well if there is an option to center that text. 

Shopify Store Developer || Certified Shopify Partner || Liquid and JavaScript || Figma/XD to Shopify || Shopify Plus || Shopify Speed Optimization
- If you find our reply helpful, please hit Like and Mark as a Solution || Book a Free Call NOW: ecom.raz23@gmail.com || Whatsapp: +923166892449

GemPages
Shopify Partner
5589 1261 1221

This is an accepted solution.

Hello @MMRI21 

It's GemPages support team and glad to support you today.

 

Please check out my suggestion below to align center page title:

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

2. Open file theme.liquid then add this code to above the </head> tag

<style>
    #shopify-section-template--16729132433647__main .page-width h1.main-page-title{
      text-align: center;
    }
    </style>

If you require any further information, feel free to contact me.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
MMRI21
New Member
6 0 0

That worked thank you!

EcomRAZ
Shopify Partner
85 6 6

You are always Welcome. 🙂

Shopify Store Developer || Certified Shopify Partner || Liquid and JavaScript || Figma/XD to Shopify || Shopify Plus || Shopify Speed Optimization
- If you find our reply helpful, please hit Like and Mark as a Solution || Book a Free Call NOW: ecom.raz23@gmail.com || Whatsapp: +923166892449
GemPages
Shopify Partner
5589 1261 1221

I am glad that my recommendation is helpful to you 😁.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

Denishamakwana
Shopify Partner
1408 173 231

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme