Solved

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

CharlieWelve
Tourist
10 2 2

CharlieWelve_0-1716867082349.png

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?

Accepted Solution (1)
CharlieWelve
Tourist
10 2 2

This is an accepted solution.

CharlieWelve_1-1716878270809.png

 

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

View solution in original post

Replies 6 (6)

techlyser_web
Shopify Partner
1611 299 322

Hello @CharlieWelve 
Can you share store URl?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
CharlieWelve
Tourist
10 2 2
techlyser_web
Shopify Partner
1611 299 322

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>

techlyser_web_0-1716871823050.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
CharlieWelve
Tourist
10 2 2

This is an accepted solution.

CharlieWelve_1-1716878270809.png

 

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

techlyser_web
Shopify Partner
1611 299 322

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.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

iCart_App
Shopify Partner
549 58 107

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;
}

 

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com