Solved

Sense Theme - centering headings and footer

geohes
New Member
8 0 0

Hi there! I'm using the sense theme and could really use some help centering the headers on all the pages in my store! They're all left centered. Also my footer is centered to the left and I'd like to fix that! Can anyone help?

Screen Shot 2024-02-19 at 7.25.48 PM.jpgScreen Shot 2024-02-19 at 7.25.41 PM.png

Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Hi @geohes 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.collection-hero__title { text-align: center; }
.footer__content-bottom-wrapper { justify-content: center; }
</style>

 

 

- Helpful? Like or Accept solution! - 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

View solution in original post

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Hi @geohes 

Please update code to this 

<style>
.main-page-title,
.collection-hero__title { text-align: center !important; }
.footer__content-bottom-wrapper { justify-content: center; }
</style>
{% if page.id == 96314589343 %}
<style>
.page-width .rte { text-align: center !important; }
</style>
{% endif %}

- Helpful? Like or Accept solution! - 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

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

Hi @geohes 

I'm Dan from Ryviu: Product Reviews & QA.

Could you share your store URL so I can check and give you the code to do that? 


Best Regards,

Dan from Ryviu

- Helpful? Like or Accept solution! - 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

geohes
New Member
8 0 0
Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Hi @geohes 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
.collection-hero__title { text-align: center; }
.footer__content-bottom-wrapper { justify-content: center; }
</style>

 

 

- Helpful? Like or Accept solution! - 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

geohes
New Member
8 0 0

This worked PERFECTLY! Thank you SO much!

 

I also have one more question/ problem. All of the pages became centered except for my Contact Us page and About Us Page. Could you help me center these as well as the text directly underneath my "contact us" section? 

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

Hi @geohes 

Please update code to this 

<style>
.main-page-title,
.collection-hero__title { text-align: center !important; }
.footer__content-bottom-wrapper { justify-content: center; }
</style>
{% if page.id == 96314589343 %}
<style>
.page-width .rte { text-align: center !important; }
</style>
{% endif %}

- Helpful? Like or Accept solution! - 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

geohes
New Member
8 0 0

Amazing! And sorry to be a bother I've got one last thing! It looks like the same thing is happening for my blog page (as well as the blogs themselves - title, image, and content). Would you mind helping me fix this? Also is there a way to hire you for future tasks / to tip?!

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

Code update

<style>
.article-template header .page-width,
.main-page-title,
.collection-hero__title { text-align: center !important; }
.footer__content-bottom-wrapper { justify-content: center; }
</style>
{% if page.id == 96314589343 %}
<style>
.page-width .rte { text-align: center !important; }
</style>
{% endif %}

- Helpful? Like or Accept solution! - 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