Center Aligning Footer Quicklinks and Headings

Julianterrazas · ‎10-09-2023

Hi. I wanted to center-align the headings and quick links in my footer but I need help figuring it out. I am using the Refresh theme. Any help would be appreciated. Thank you.

Dan-From-Ryviu · ‎10-09-2023

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code

.footer-block__details-content,
.footer-block__heading { text-align: center; }
.footer-block__details-content>li:not(:last-child) {
margin-right: 0px !important;
}
.list-menu__item { justify-content: center; }

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- 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 · ‎10-09-2023

Hi @Julianterrazas

Could you share your store URL?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Julianterrazas · ‎10-09-2023

https://verrucci.com/

Dan-From-Ryviu · ‎10-09-2023

Please add this code at the bottom of your base.css file in Online store > Themes > Edit code

.footer-block__details-content,
.footer-block__heading { text-align: center; }
.footer-block__details-content>li:not(:last-child) {
margin-right: 0px !important;
}
.list-menu__item { justify-content: center; }

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Julianterrazas · ‎10-09-2023

It worked! Thank you for the help!

Dan-From-Ryviu · ‎10-09-2023

You are most welcome!

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

fadi_yousif · ‎10-09-2023

Have you tried applying text-align: center;

Freelance Shopify Developer

Did I help? Leave a tip!

Julianterrazas · ‎10-09-2023

I cannot see the option to edit the text. It may be because they are links.

fadi_yousif · ‎10-09-2023

Share your store URL if you don't mind.

Freelance Shopify Developer

Did I help? Leave a tip!

Julianterrazas · ‎10-09-2023

https://verrucci.com/ This is it. Thanks.

Center Aligning Footer Quicklinks and Headings