How to center align powered by shopify sentence

Shopify Discussion
1

Hi Guys
I need help to centre align the “powered by shopify” that appears at the bottom
Template used : Dawn

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find layout >section-footer.css and paste this at the bottom of the file:
.footer__copyright {
    text-align: right;
}
3

Hi @UK2023 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css->paste below code at the bottom of the file:

@media screen and (min-width: 750px) {
    .footer__column--info {
        justify-content: center;
        align-items: center;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

4

Hi this didn’t work

5

Hi

This didn’t work

6

Hi @UK2023 ,

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

7

Hi @UK2023 ,

Thanks for reaching out! I understand you want to center align ‘Powered by Shopify’ on your storefront footer. I am happy to look into this for you today!

I just want to note that ‘Powered by Shopify’ is center aligned by default with the Dawn theme. You can check that in the original theme demo preview. Did you edit the code previously, and is the phrase aligned otherwise? It would be really helpful if you could share a screenshot of the phrase’s current position and how you’d like it to be.

If you want to create a break between © 2023, Store Name, and Powered by Shopify in the footer, you’ll need to edit the theme code slightly.

You can head to your admin and click Online Store for this particular change. Then click on the three dots next to the Dawn theme and select Edit Code. You will be redirected to the code editor, and then you want to find footer.liquid file in the left-hand sidebar. Search for powered_by_link within the code. Once you find that line in the code, add a blank line above it and add a page break by writing

. Then click Save.

28-37-68056-9414
28-37-68056-94141885×718 165 KB

Your footer will then look like the one shown below.

28-43-60859-22789
28-43-60859-227891548×196 2.47 KB

Keep in mind before you customize a theme, it’s a good idea to make a backup copy so that you can discard your changes and start again if you need to.

Also, if you don’t feel comfortable editing the template code yourself, you can contact our Support team.

Our team may be able to customize this for you if you use Shopify free theme and your store has enough complimentary design time left. You can reach out to our Contact Us page at this link. Then log in to your store. It will allow us to verify you as the store owner securely. Once you have successfully logged in, you should be able to reach out to a Support Advisor and discuss the customization request, as specific customizations are supported.

8

shopify.png
shopify.png1223×132 11 KB

9

Hi

Thanks for you assistance

I have attached an screenshot of my current view and the code I have for your review.
I haven’t done any changes to the code . Not that smart enough :slightly_smiling_face:

10

current code in my site.png
current code in my site.png1301×587 49.7 KB

11

compare to the code yo sent . in my site I have this

Refer to the screenshot. not sure removing this is the correct way to go or any other way to fix it

’

Appreciate your help on this.

12

Hi @UK2023 ,

I’m sorry to hear that.
Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

13

I am having this same issue… would love to center the “powered by shopify” segment if possible. Looks silly as is. Here is the site, I used Craft theme.

14

This solution worked for me: https://community.shopify.com/c/shopify-design/dawn-center-footer-text/m-p/1974223

Good luck!

1 Like