Shopify themes, liquid, logos, and UX
Hello,
I am using the Refresh theme and am trying to center things in each block of the footer. So far, I've been able to center the logo and the text section, but I can't get the social icons to center. They appear in the Brand Information section of the footer. I just want them to be centered in that section. Any thoughts on how to do that?
Thanks!
Solved! Go to the solution
This is an accepted solution.
Hi @ii_cooks, This is Richard from PageFly - Landing page builder.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>
<style>
ul.footer__list-social.list-unstyled.list-social {
justify-content: center;
}
</style>
Hope this answer helps.
Best Regards,
PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
HI @ii_cooks
Could you share your store URL?
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi, please add this CSS code at the end of base.css file of your theme
.footer-block__brand-info .footer__list-social.list-social {
justify-content: center !important;
}
This is the result
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi, Thank you for your suggestion. I tried that but it didn't center the social icons. Any other suggestions? Thank you!
Hello @ii_cooks ,
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code
Go to Assets folder -> base.css file -> add the following code at the bottom of page
.site-footer__social-icons {
display: flex;
justify-content: center;
}
Save and preview
Let us know if you can troubleshoot the problem.
Ali Reviews team.
Hi, Thank you for your suggestion. I tried that but it didn't center the social icons. Any other suggestions? Thank you!
This is an accepted solution.
Hi @ii_cooks, This is Richard from PageFly - Landing page builder.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>
<style>
ul.footer__list-social.list-unstyled.list-social {
justify-content: center;
}
</style>
Hope this answer helps.
Best Regards,
PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hi, thank you so much!! This worked. Really appreciate it!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024