Change design of my footer - help

[Marco211]

Hi everyone, sorry but I'm quite ignorant in programming and I wanted your help. I would like my website footer to look like the first image I attached, so the font much smaller and everything centered and narrower. Also, I don't know if it's possible but I would like it to look like the second image I attached on my phone. I don't know if it's possible, thanks everyone anyway. Good day

https://refade-8966.myshopify.com/

password: refade

Questo è il mio footer:

[Moeed · Accepted solution]

Hey @Marco211 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.footer {
    padding-top: 50px !important;
}
.footer__content-bottom-wrapper {
    justify-content: center !important;
}
.footer__content-top {
    display: flex !important;
    justify-content: center;
    max-width: 100% !important;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    --grid-desktop-horizontal-spacing: 80px !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Moeed · Accepted solution]

Hey @Marco211 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.footer {
    padding-top: 50px !important;
}
.footer__content-bottom-wrapper {
    justify-content: center !important;
}
.footer__content-top {
    display: flex !important;
    justify-content: center;
    max-width: 100% !important;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    --grid-desktop-horizontal-spacing: 80px !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[PageFly-Noah · Accepted solution]

Hi @Marco211 

This is Noah 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__content-top {
max-width: 800px;
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly