Solved

How do I align "About Us" Text (Be Yours Theme)

Back9ine
Tourist
8 0 1

Hello, 

 

How do I center align the "About Us" and "Get In Touch" titles on my About Us page.

 

https://backnineskincare.com/pages/about-us

 

Thanks so much!

 

 

Accepted Solutions (2)

xtrend
Explorer
69 25 6

This is an accepted solution.

go to your store > theme > customize > page template or theme settings > custom css or theme base.css 

 

.section h1.page-title {

text-align: center !important;

}

.section h2.title {

width: 100%;

text-align: center;

}

View solution in original post

BSS-Commerce
Shopify Expert
3477 461 515

This is an accepted solution.

Hi @Back9ine ,

Go to Edit code, search for the theme.liquid file and put the following code at the end of the file:

<style>
  #shopify-section-template--16606470504626__main h1.page-title {
    text-align: center !important;
  }
  #shopify-section-template--16606470504626__d06db912-3072-4857-8645-6c72251af120 div.title-wrapper h2 {
    width: 100% !important;
  }
</style>

view - 2024-02-19T174325.155.png 

Result:

view - 2024-02-19T174333.962.png

Hope it helps @Back9ine 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

View solution in original post

Replies 3 (3)

xtrend
Explorer
69 25 6

This is an accepted solution.

go to your store > theme > customize > page template or theme settings > custom css or theme base.css 

 

.section h1.page-title {

text-align: center !important;

}

.section h2.title {

width: 100%;

text-align: center;

}

BSS-Commerce
Shopify Expert
3477 461 515

This is an accepted solution.

Hi @Back9ine ,

Go to Edit code, search for the theme.liquid file and put the following code at the end of the file:

<style>
  #shopify-section-template--16606470504626__main h1.page-title {
    text-align: center !important;
  }
  #shopify-section-template--16606470504626__d06db912-3072-4857-8645-6c72251af120 div.title-wrapper h2 {
    width: 100% !important;
  }
</style>

view - 2024-02-19T174325.155.png 

Result:

view - 2024-02-19T174333.962.png

Hope it helps @Back9ine 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Back9ine
Tourist
8 0 1

Hi, thank you for the help.

 

This code worked!