Shopify themes, liquid, logos, and UX
Hi!
I can't seem to be able to center the copyright footer text. I would also like to get rid of the first '•' in front of privacy policy, does anybody know how to do this?
TIA!
Website: https://curlyby-n.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
Hi @visualess,
Please change code here:
Code:
.policies li:before {
content: "" !important;
}
This is an accepted solution.
Nope, you dont need to some code that I provide didnt work. Reaplce on this one.
@media screen and (min-width: 750px) {
.footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
text-align: center !important;
}
.footer__content-bottom-wrapper.page-width {
justify-content: center;
}
}
.policies li:before {
content: '' !important;
}
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @visualess
Password protected.
sorry
password: visualess
Thanks for the info, check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
@media screen and (min-width: 750px) {
.footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
text-align: center !important;
}
.footer__content-bottom-wrapper.page-width {
justify-content: center;
}
}
.policies li:before {
content: '';
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thanks so much!! It centered it perfectly, but mine is still showing the bullet spacer before privacy policy. Do I have to change something in the footer liquid?
This is an accepted solution.
Hi @visualess,
Please change code here:
Code:
.policies li:before {
content: "" !important;
}
This is an accepted solution.
Nope, you dont need to some code that I provide didnt work. Reaplce on this one.
@media screen and (min-width: 750px) {
.footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
text-align: center !important;
}
.footer__content-bottom-wrapper.page-width {
justify-content: center;
}
}
.policies li:before {
content: '' !important;
}
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Worked perfectly thank you!
Hi @visualess,
If you have any questions, you can contact me directly.
Nice to meet you 😊
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025