How do I shift payment icons to the right in the footer?

flammagreg · ‎02-25-2024

Hi guys, how do I move the payment icons to the right side of the footer on the same line as the 2024 Flozar. Any help is greatly appreciated!

Dan-From-Ryviu · ‎02-25-2024

Hi @flammagreg

Dan here from Ryviu: Product reviews & QA app.

Could you share your store URL so I can check and give you the code to do that?

Best Regards,

Dan

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

flammagreg · ‎02-25-2024

flozar.com

Dan-From-Ryviu · ‎02-25-2024

Hi @flammagreg

Please add this code to theme.liquid file after <head> in Online Store > Themes > Edit code

<style>
@media (min-width: 768px) {
.footer__content-bottom-wrapper .footer__column--info {
position: absolute;
}
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

flammagreg · ‎02-25-2024

I pasted the code and the icons were centered. How can I put them on the right?

Dan-From-Ryviu · ‎02-25-2024

Please update the code

<style>
@media (min-width: 768px) {
.footer__content-bottom-wrapper  {
position: relative;
}
.footer__content-bottom-wrapper .footer__column--info {
position: absolute;
width: fit-content;
right: 5rem;
}
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

flammagreg · ‎02-25-2024

It went back to normal

Dan-From-Ryviu · ‎02-25-2024

You made a mistake; please remove a <style> to correct it and check again.

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

flammagreg · ‎02-26-2024

Ah thank you. Do you know how I can add more space between the payment icons?

Dan-From-Ryviu · ‎02-26-2024

Code updated

<style>
@media (min-width: 768px) {
.footer__content-bottom-wrapper  {
position: relative;
}
.footer__content-bottom-wrapper .footer__column--info {
position: absolute;
width: fit-content;
right: 5rem;
}
.footer__content-bottom-wrapper .footer__column--info .list-payment__item {
padding: 0.8rem;
}
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

How do I shift payment icons to the right in the footer?

How do I shift payment icons to the right in the footer?

Community Blog Articles