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

sternenbilder · ‎03-22-2024

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

Dan-From-Ryviu · ‎03-22-2024

Code updated

<style>
.payment-iyzico {
    margin-top: 1rem;
}
.footer__content-top { 
    text-align: center; 
    padding-bottom: 2rem !important;
}
.footer__content-bottom {
    padding-top: 2rem !important;
}
.footer__content-bottom-wrapper {
    justify-content: center;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

PageFly-Henry · ‎03-22-2024

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

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu · ‎03-22-2024

Hi @sternenbilder

Dan here from Ryviu: Product Reviews & QA app

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

<style>
.footer__content-top { 
text-align: center; 
}
.footer__content-bottom-wrapper {
justify-content: center;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sternenbilder · ‎03-22-2024

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

Dan-From-Ryviu · ‎03-22-2024

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;
}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sternenbilder · ‎03-22-2024

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 · ‎03-22-2024

Please update the code

<style>
.footer__content-top { 
    text-align: center; 
    padding-bottom: 2rem !important;
}
.footer__content-bottom {
    padding-top: 2rem !important;
}
.footer__content-bottom-wrapper {
    justify-content: center;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sternenbilder · ‎03-22-2024

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

Dan-From-Ryviu · ‎03-22-2024

Code updated

<style>
.payment-iyzico {
    margin-top: 1rem;
}
.footer__content-top { 
    text-align: center; 
    padding-bottom: 2rem !important;
}
.footer__content-bottom {
    padding-top: 2rem !important;
}
.footer__content-bottom-wrapper {
    justify-content: center;
}
</style>

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

sternenbilder · ‎03-22-2024

Perfect - Thank you very much for your fast help!

Dan-From-Ryviu · ‎03-22-2024

Very welcome!

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

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

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

Community Blog Articles