Solved

how to center footer on Dawn theme

Sauron6263
Excursionist
39 0 5

hello, i am looking for centering the footer but only the parts in red (check ss) with the h2 and the different links and texte if someone can help, thx you 🙂https://mobilegear.fr/

Capture d'écran 2024-03-26 181658.png

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1841 520 400

This is an accepted solution.

Hey @Sauron6263,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in > div {
    text-align: center !important;
}

ul.footer-block__details-content.list-unstyled > li {
    max-width: max-content !important;
    margin: auto !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1711470200662.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Reply 1 (1)

ThePrimeWeb
Shopify Partner
1841 520 400

This is an accepted solution.

Hey @Sauron6263,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in > div {
    text-align: center !important;
}

ul.footer-block__details-content.list-unstyled > li {
    max-width: max-content !important;
    margin: auto !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1711470200662.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!