Center an image in the footer and the copyright info (dawn theme)

[sternenbilder]

i would like to put the image with the payment infos and the copyright info in the middle of the site:

https://sternenbilder.ch/

And if possible to insert a little space between the footer menu and the payment infos and reduce the space between payment infos, the line and the copyright

[PageFly-Henry]

Hi @sternenbilder

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css

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

.footer__content-top.page-width {

display: flex !important;

flex-direction: column !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Dan-From-Ryviu]

Hi @sternenbilder

Dan here from Ryviu: Product Reviews & QA app

You can do that by adding this code to your theme.liquid file, after in Online Store > Themes > Edit code

[sternenbilder]

thank you for the very fast answer. that worked well for the text (copyright) but not for the image?

[Dan-From-Ryviu]

Please remove the code you added at the bottom of base.css file to make my code work properly

.footer__content-top.page-width {
    display: flex !important;
    flex-direction: column !important;
}

[sternenbilder]

perfect now it works! Thank you very much. Do you have an idea how to reduce the space between the picture of the icons and the line and aswell between the line and the copyright?

[Dan-From-Ryviu]

Please update the code

[sternenbilder]

that worked aswell - perfect!
Is it possible to increase the space between the footer menu and the payment icons?

[Dan-From-Ryviu]

Code updated

[sternenbilder]

Perfect - Thank you very much for your fast help!

[Dan-From-Ryviu]

Very welcome!

[sternenbilder]

Once again the image in the footer is not in the center, can anyone help?

[Moeed]

Hey @sternenbilder

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

<style>
.footer__content-top.page-width {
    display: flex !important;
    flex-flow: column !important;
    align-items: center !important;
    gap: 1rem !important;
}
</style>

RESULT:

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

[sternenbilder]

@Moeed

<style>
.footer__content-top.page-width {
    display: flex !important;
    flex-flow: column !important;
    align-items: center !important;
    gap: 1rem !important;
}
</style>

thank you very much that helped!

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Cheers,
Moeed