Shopify themes, liquid, logos, and UX
Hi there!!
I'm trying to customize a little bit the footer, but so far no luck. I want to change the weight of the menu to something a little bit lighter. I would also like to center the social media icons right below the menu options, and the copyright text centered at the bottom. How can I do this?
This is what it looks like now.
This is what I want it to be.
Thank you so much in advance! ;D
Solved! Go to the solution
This is an accepted solution.
@delacruzndj- to make font-weight lite please add this css to the very end of your theme.scss.css file and check
.site-footer a {font-weight: initial;}
.site-footer__bottom {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.site-footer__copyright {
margin-top: 20px;
}
@delacruzndj- can you please share your website link?
@delacruzndj- it is showing different footer, is theme different than live site?
Yes. I'm working on a new theme for a rebranding of the website.
@delacruzndj- can you please share that theme preview link?
This is an accepted solution.
@delacruzndj- to make font-weight lite please add this css to the very end of your theme.scss.css file and check
.site-footer a {font-weight: initial;}
.site-footer__bottom {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.site-footer__copyright {
margin-top: 20px;
}
It worked! And so simple. Thank you so much.
Can we do something about the social icons and copyright alignment?
@delacruzndj- please check above reply again, I edited it, have given all code, add it to very end of your css file and it should look like screenshot above
It all worked! Thank you so much. It looks great. 😄
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024