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

Store Design
,
1

CharlieWelve_0-1716867082349.png
CharlieWelve_0-1716867082349.png1894×435 9.88 KB

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?

1 Like
2

Hello @CharlieWelve
Can you share store URl?

3

https://montanic.com/

4

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

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 on theme.liquid

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

techlyser_web_0-1716871823050.png
techlyser_web_0-1716871823050.png1316×288 16 KB

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

6

CharlieWelve_1-1716878270809.png
CharlieWelve_1-1716878270809.png1907×681 14.4 KB

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

7

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 on theme.liquid

.footer__content-top { display: flex !important; justify-content: center !important; align-items: center !important; }

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