How can I center align my footer and logo in the Palo Alto theme?

Store Design
1

Using the Palo Alto theme. My footer current has all the text aligned to the left, as well as the logo not being centered. I would like to have every column of text center aligned, as well as the logo being directly aligned with the middle of the page. Any help is appreciated, thanks.

Slopesilver.com, password uckohb

2

Also is it possible to remove the word “shopify” from my footer?

3

@slopeyslopey

Hi,

To center all items aligned center, please add the code below to assets/theme.css file.

@media only screen and (min-width: 768px) {
  .footer-block,
  .footer-links__wrapper {
    text-align: center !important;
  }
}

That’s for PC only.

If you want both, PC & Mobile, to be centered, please use the code below.

.footer-block,
.footer-links__wrapper {
  text-align: center !important;
}

Hope it helps.

If you resolve the issue, please click “Like” and “Accept solution”.

Please let me know if you still have the issues or have any other questions.

Thanks.

4

This didn’t really work. it only centered the first list, and didnt center the newletter subscribe button or the logo itself.

5

perhaps add something else to center just the logo and newletter submit button

6

Only for the left links, please use the code below.

.footer-block {
  text-align: center !important;
}

For PC only, please use the code below.

@media only screen and (min-width: 768px) {
  .footer-block {
    text-align: center !important;
  }
}

Hope it helps.

Thanks.

7

Sorry mabye I worded it wrong. I want Everything aligned. including the logo image and the button for newsletter subrciption.

8

Hi [email removed]Slopeyslopey

This is PageFly - Free Landing Page Builder. I would love to provide my advice for your store based on 6 years of providing solutions for about 100.000+ active Shopify merchants.

You can go to Online store => themes => Edit code and paste this code before element of the theme.liquid file.

.footer-blocks{ text-align: center !important; } .footer-block a{ margin:auto !important }

I hope my above information can help you

Kind regards

PageFly

9

This was almost perfect. Centered everything how I wanted except the email subrsciption button for the newsletter is still aligned left not center

10

you can replace it with

.footer-blocks,.footer-block.footer-newsletter{ text-align: center !important; } .footer-block a,.footer-block .input-group.input-group--inline{ margin:auto !important; }
11

Perfect. Thanks so much!

12

Hey PageFly,

Do you have a snipped that could be added to this to make it include the “currency” and the “social icons”.

Also, in the footer, can we reduce the size of the social icons? I’ve added screenshot here for your review. Thanks!

13

Hey I know this is from a while back. Ive realized that this doesnt align the social media icons and the “@2022 shopname. shopify” text on mobile. is there a way t can be edited to align these on mobile?