How to center and spread evenly the columns in the footer?

kingdom2 · ‎09-10-2024

Hi guys!

How can I center and spread evenly the 4 columns in the footer of this page?

https://kingdompetshop.com/collections/dog-collars-leashes

Theme: Refresh

Pw: abcd

Thanks a lot!

brandography · ‎09-10-2024

Hi @kingdom2 ,

Open up the base.css file in your theme and add this to the bottom of the file and click save:

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
  margin: auto;
}

Find a Powerful eCommerce Marketing Partner

Let Brandography help you spread the word about your products through cutting-edge eCommerce web design, strategic sales channels, and expert digital marketing tactics.
Check out our website

View solution in original post

brandography · ‎09-10-2024

Hi @kingdom2 ,

Open up the base.css file in your theme and add this to the bottom of the file and click save:

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
  margin: auto;
}

Find a Powerful eCommerce Marketing Partner

Let Brandography help you spread the word about your products through cutting-edge eCommerce web design, strategic sales channels, and expert digital marketing tactics.
Check out our website

How to center and spread evenly the columns in the footer?