Footer text to center - powerered by shopify - VEENA Theme

Shopify Discussion

Topic summary

A user wants to center the “Powered by Shopify” text in the footer of their Veena theme, which currently appears left-aligned. Their initial CSS attempt using text-align: center on .footer__content was unsuccessful.

Proposed Solutions:

Multiple community members requested the store URL to provide specific guidance. After receiving the link, two different CSS solutions were offered:

  1. LizHoang’s approach: Add code to base.css targeting .footer__column.footer_bottom_copyright with text-align: end !important;

  2. Dan-From-Ryviu’s approach: Modify .footer__content-bottom-wrapper in base.css using flex-direction: column and text-align: center, plus centering payment icons with justify-content: center

One responder also referenced the Dawn theme as an example, suggesting justify-content: center on the footer wrapper, though theme-specific differences may require adjustments.

Status: The discussion remains open with no confirmation of which solution worked.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

center footer.png
center footer.png1629×239 11.9 KB

I want to move the “Powered by Shopify” text in the footer of my Veena Theme from the left side to the center, so it is horizontally aligned in the middle of the page.

I have tried:

.footer__content {
text-align: center;
}

But it does not work

2

Hi @cancase
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Hi @cancase

There may be differences in each theme, so I will use the ‘dawn’ theme and modify it as shown in the following picture.

Kyle_liu_0-1739328548633.png
Kyle_liu_0-1739328548633.png2008×685 99.8 KB

justify-content: center;

.footer__content-bottom-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
}
4

Hi @cancase

Could you share the link of your store?

5

Hi, Can you share store URL?

6

https://rlxts9cesu0b72n9-64361300123.shopifypreview.com

7

https://rlxts9cesu0b72n9-64361300123.shopifypreview.com

url

8

url is : https://rlxts9cesu0b72n9-64361300123.shopifypreview.com

9

Hi @cancase

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
.footer__column.footer_bottom_copyright {
   text-align: end !important;
}

Result:

LizHoang_0-1739436177393.png
LizHoang_0-1739436177393.png1361×482 37.2 KB

Best,

Liz

10

Please add this code to the end of the base.css file

.footer__content-bottom-wrapper {
    flex-direction: column;
    text-align: center;
}
.footer__content-bottom-wrapper .list-payment {
   justify-content: center !important;
}