Trade theme footer not centre, huge gap in between and prefer it to be smaller.

[CharlieWelve]

I am using the theme called Trade. It would be great if they are centre without the gap and a slightly smaller font size. Does anyone have a resolution for this?

[niraj_patel]

Hello @CharlieWelve 
Can you share store URl?

[CharlieWelve]

https://montanic.com/

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
  .footer__content-top .grid {
      width: 50% !important;
   }
   .footer-block__heading {
       text-align: center !important;
   }
   .footer-block__details-content {
       text-align: center !important;
    }
}

 a.link.link--text.list-menu__item.list-menu__item--link {
     font-size: 14px !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[CharlieWelve · Accepted solution]

The text alignment is centered but it is still on the left side rather than the middle as you can see. Anyway I can fix this? Thanks for your help

[niraj_patel]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .footer__content-top {
     display: flex !important;
     justify-content: center !important;
     align-items: center !important;
 }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[binal_identix]

Hello @CharlieWelve 

You can try this code: it will be helpful to you 

Go to the Online Store->Theme->Edit code->Assets->section-footer.css>add this code at the bottom of the file.

.footer-block__details-content .list-menu__item--link {
    font-size: 1.2rem !important;
}
.footer__content-top.page-width {
    padding: 0 14rem !important;
    text-align: center !important;
}