Edit bottom of footer to change menu and spacing

Store Design
1

peakclo_0-1723474995249.png
peakclo_0-1723474995249.png1737×427 13.9 KB

I would like to make a few changes to this section of my dawn theme. www.peakclo.com

  1. Change the padding between my payment options and the top footer menu, removing the section break.
  2. Edit the bottom footer menu to remove my store and replace it with PEAK CLOTHING LTD and add Terms and Conditions page
2

Hi, @peakclo

  1. Go to online store → theme → edit code and then open base.css.

.footer__content-top {

padding-bottom: 0 !important;

}

.footer__content-bottom {

padding-top: 0 !important;

}

  1. Open footer.liquid.

  • add this line: assign footer_content = “PEAK CLOTHING LTD”.

  • replace shop.name with footer_content.

  • add terms and condition block to copyright__content block.
    Terms and Condition

3

Hi @Acme , sadly the first code for base.css did not work and I am unsure what you mean for the 2nd code

4

  1. Please try again in section-footer.css.

Acme_0-1723539313678.png
Acme_0-1723539313678.png969×334 16.4 KB

Acme_1-1723539443932.png
Acme_1-1723539443932.png796×377 18.8 KB

5

Got it working but how can I change the layou sto that its not so close? With the dot like between terms and conditions and privacy policy?

peakclo_2-1723549068913.png

6

Please move Terms and Conditions block to ul component like this

  • Terms and Conditions
    • 7

    @Acme it looks very messy

    peakclo_0-1723555733032.png

    8

    Acme_0-1723555987180.png
    Acme_0-1723555987180.png691×244 9.92 KB

    Please do like image, move into ul block and add follow class to section-footer.css
    .footer__copyright {

    align-items: center !important;

    }

    9

    Amazing I got it working thank you. Can you also explain how to get rid of the section line between the quick links menu/email signup and payment options please