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. 😄
User | RANK |
---|---|
74 | |
73 | |
68 | |
65 | |
41 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023