Center Aligning Footer Quicklinks and Headings

Solved
Julianterrazas
Excursionist
16 0 2

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.

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
5570 1020 1045

This is an accepted solution.

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 and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

View solution in original post

Replies 9 (9)
Dan-From-Ryviu
Shopify Partner
5570 1020 1045

Hi @Julianterrazas 

Could you share your store URL?

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Julianterrazas
Excursionist
16 0 2
Dan-From-Ryviu
Shopify Partner
5570 1020 1045

This is an accepted solution.

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 and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Julianterrazas
Excursionist
16 0 2

It worked! Thank you for the help!

Dan-From-Ryviu
Shopify Partner
5570 1020 1045

You are most welcome!

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

fadi_yousif
Shopify Partner
311 39 52

Have you tried applying text-align: center;

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution

Julianterrazas
Excursionist
16 0 2

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

fadi_yousif
Shopify Partner
311 39 52

Share your store URL if you don't mind.

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution

Julianterrazas
Excursionist
16 0 2

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