Shopify themes, liquid, logos, and UX
Footer section blocks to be centered but the contents to be left aligned
Website: https://vanji-in.myshopify.com/
vanji
@Sivadarshan , your content already take 25% each columns of 100% width
this is not possible to center if 25% width each columns
hope you understand
Thank you
see this i think i looks better
.footer__content-top.page-width {
display: flex;
justify-content: center;
padding: 20px;
}
use this code to make them center
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
text-align: left;
margin: 0 15px;
}
or use this code to make there text center
Hi @Sivadarshan
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
.footer-block * {
text-align: center;
}
.footer-block__image-wrapper{
margin: 0 auto;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | 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.
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