Sense Theme - centering headings and footer

geohes · ‎02-19-2024

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?

Dan-From-Ryviu · ‎02-20-2024

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>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎02-20-2024

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

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎02-19-2024

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

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

geohes · ‎02-20-2024

Yes! It's https://moonbeamorganics.com/

Dan-From-Ryviu · ‎02-20-2024

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>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

geohes · ‎02-20-2024

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 · ‎02-20-2024

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

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

geohes · ‎02-20-2024

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 · ‎02-20-2024

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

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Sense Theme - centering headings and footer

Sense Theme - centering headings and footer

Community Blog Articles