How can I center my website footer information?

Store Design
, ,
1

https://lobonewyork.com/collections/mens-shirts

As you can see the footer on my website, I want to make more like this image below. Hope this makes sense, if you need to me explain, let me know.

2010.jpg
2010.jpg1913Ă—1078 144 KB

2

Hi @gihan7575

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

and I see your store looks very nice, warm, and elegant, but in my opinion, you should consider adding a heading banner + CTA button on your main banner

PageFlyOliver_0-1714027943269.png
PageFlyOliver_0-1714027943269.png2030Ă—1120 287 KB

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

@gihan7575 Use below code to fix your issue -

.footer__blocks-wrapper.grid {
    justify-content: space-around;
}
.footer__blocks-wrapper.grid .footer-block.grid__item {
    flex: 0 0 170px;
}
4

That’s a great idea, I modeled my home page off Balenciaga’s https://www.balenciaga.com/en-us . What CTA would you suggest? Also, when you center the blocks, it removed social media icon. It made the problem worse.

5

You didn’t specify which folder to put it in.

6

Figured out it was Base.css. Disregard my previous comment

1 Like
7

about CTA then you can quickly link or quickly purchase products with bestsellers to develop traffic and improve sales for the product you want