Move payment icons below caption on footer

[ads18922]

Hello, i would like to switch the order of my payment icons in my footer, so that the payment icons are at the bottom, and the small caption “Antico Abito…..” is above that:

my store is www.antico-abito.com , theme is dawn

[Bang_T]

Hello @ads18922

in Theme customize: right click on the Footer section and click Edit code

scroll down to line 319 and the swap the footer_copyright block to above the footer_payment block

Like this

Hope it help.

[ads18922]

hello, my code looks different to yours?

[Small_Task_Help]

@ads18922

my store is www.antico-abito.com , theme is dawn

Hi,

Hope this will help

• Use CSS at base.css (or assets/component-footer.css if your Dawn version uses that).

CSS example

/* ---------- Move footer caption above payment icons (Dawn) ---------- */
/* 1) Replace .footer__caption and .list-payment if your theme uses different class names. */

.footer__inner {
  display: flex;
  flex-direction: column; /* stack vertically */
  gap: 0.35rem;
}

/* caption (small text) — keep this above */
.footer__caption {
  order: 1;
  margin-bottom: 0.15rem;
  text-align: center;
}

/* payment icons container — show below caption */
.list-payment {
  order: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

/* Keep desktop alignment (optional): if the footer switches to row on wide screens */
@media (min-width: 900px) {
  .footer__inner {
    flex-direction: row; /* if you prefer row on wide screens, remove this rule */
    align-items: center;
  }
}

[Bang_T]

What’s your theme version?

[Dan-From-Ryviu]

You can use this code to do that.

.footer__content-bottom {
    display: flex;
    flex-direction: column-reverse;
}