Footer blocks text in center but aligned in left

[Sivadarshan]

Footer section blocks to be centered but the contents to be left aligned

Website: https://vanji-in.myshopify.com/

vanji

[gutenplayer]

@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

[Mustufa1]

see this i think i looks better

[Mustufa1]

.footer__content-top.page-width {
    display: flex;
    justify-content: center;
    padding: 20px;
}

use this code to make them center

[Mustufa1]

.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

[PageFly-Richard]

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