Centering the footer text on my "Spotlight Theme" using the "edit code" function.

[obtainmercy]

I want to center the text/links at the bottom of my webpage. It's currently uncentered. I am using the "Spotlight Theme" and any help would be much appreciated. Thank you!

[obtainmercy]

I can link the website if needed.

[obtainmercy]

Links in replies. Thank you so much!

[BrainStation23]

Hi @obtainmercy 
Can you share your store URL and Probelm screenshot so that we can help you 

[obtainmercy]

https://obtainmercy.com/

[obtainmercy]

@BrainStation23 is onto it.. Follow that thread. Much love.

[Vinsinfo]

@obtainmercy Please share your store URL to help you on this.

[obtainmercy]

https://obtainmercy.com/

[BrainStation23]

hi @obtainmercy 
You can try this code to resolve your issue
Go to online store->edit code-> go to section. footer.css file and replace bellow code 
In section. footer.css file line 53 

Your current code 
.footer__content-bottom-wrapper {
    display: flex;
    width: 100%;
}
Replace Code:
.footer__content-bottom-wrapper {
    
    width: 100%;
    text-align: center;
}
Just remove display:flex and add  text-align: center;

Redult:

[obtainmercy]

You help has done something.. and I appreciate it so much! So basically it did move.. but it's still not centered.. I'm using the same source code. https://obtainmercy.com/

[Vinsinfo · Accepted solution]

@obtainmercy Please follow below steps and let me know whether it is useful for you.

1. Go to "Online Store" -> "Themes", click "Customize" button in the current theme.

2. Click footer section and paste below code in the "Custom CSS" field.

.footer__content-bottom-wrapper {
  justify-content: center;
}

  

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[obtainmercy]

You help has done something.. and I appreciate it so much! So basically it did move.. but it's still not centered.. I'm using the same source code. https://obtainmercy.com/

[obtainmercy]

Thank you for your help so far. I found the code you're talking about and it appears to already say that. Attached is the photo. 

[obtainmercy]

I did this and changed line 300 in section-footer.css to 

@media screen and (min-width: 750px) {
.footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright {
text-align: center;
}
}

[obtainmercy]

@BrainStation23 is onto it.. Follow that thread. Much love.

[Vinsinfo]

@obtainmercy  It seems you have done some changes with the code, so the code we provided was not worked. You can just update the code from "text-align: right" to "text-align: center" in the highlighted code in the image below.

To find this highlighted code, follow below steps,

1. Go to "Online Store" -> "Themes".

2. Click action button on the current theme and then select "Edit code".

3. Search "section-footer.css" file and then find the following line on the file.

.footer__content-bottom-wrapper:not(.footer__content-bottom-wrapper--center) .footer__copyright.

4. Then, you can update the code and save the changes.

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[obtainmercy]

Thank you for your help so far. I found the code you're talking about and it appears to already say that. Attached is the photo.