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>

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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 %}

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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>

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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 %}

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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 %}

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Sense Theme - centering headings and footer

Sense Theme - centering headings and footer

Community Blog Articles