How to customize footer?
1. I've attached a photo of my footer, I'm having a hard time figuring out how to adjust the spacing, as you can see it isn't even. I think by making the subscribe part wider it would even out the bar a little bit.
2. Also the very bottom section with "about us disclaimer etc." I am trying to get it centered.
I've been trying a few different codes, one for centering but it brings it all the way to the left.
Hey @RyanRichie
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>
@media only screen and (min-width: 990px) {
.site-footer-blocks.column-count-3 {
display: grid;
grid-template-columns: 1fr 0.8fr 0.8fr;
}
.site-footer-block-item {
width: 100% !important;
}
.site-footer__row.site-footer__row--second * {
text-align: center;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @RyanRichie
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>
@media only screen and (min-width: 990px) {
.site-footer-blocks.column-count-3 {
display: grid;
grid-template-columns: 1fr 0.8fr 0.8fr;
}
.site-footer-block-item {
width: 100% !important;
}
.site-footer__row.site-footer__row--second * {
text-align: center;
}
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Community Blog Articles
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024
The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024
Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024