Center copyright footer text

Store Design
, , ,
1

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/

Screenshot 2024-09-03 at 21.51.17.png
Screenshot 2024-09-03 at 21.51.17.png2860×382 77.6 KB

1 Like
2

Hi @visualess

Password protected.

3

sorry

password: visualess

4

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:

Made4uoRibe_0-1725398109687.png
Made4uoRibe_0-1725398109687.png1015×257 15.4 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

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?

6

Hi @visualess ,

Please change code here:

Screenshot.png
Screenshot.png1212×290 11.9 KB

Code:

.policies li:before {
    content: "" !important;
}
1 Like
7

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!

1 Like
8

Worked perfectly thank you!

9

Hi @visualess ,

If you have any questions, you can contact me directly.
Nice to meet you :blush: