How to change collection title position to be above the image?

cuinatialplat1 · ‎08-29-2023

Hi, I need the title position of the collections to appear above the images on both desktop and mobile as shown in the screenshot. By default they appear below 😕

Thanks in advance,

Lucas!

Dan-From-Ryviu · ‎08-31-2023

Hi @cuinatialplat1

Please add this code to your base.css file to do it

.collection-list .card { flex-direction: column-reverse !important; }

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎08-29-2023

Hi @cuinatialplat1
Could you share your store URL?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- En...Sign up now.

cuinatialplat1 · ‎08-31-2023

https://cuinat-i-al-plat-a-casa.myshopify.com/

Here it is. I need a snipped of code that ai can paste so the text goes above the image. Thank you!

Dan-From-Ryviu · ‎08-31-2023

Hi @cuinatialplat1

Please add this code to your base.css file to do it

.collection-list .card { flex-direction: column-reverse !important; }

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- En...Sign up now.

cuinatialplat1 · ‎08-31-2023

Thank you so much!

Dan-From-Ryviu · ‎08-31-2023

Happy I could help ❤️

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- En...Sign up now.

cuinatialplat1 · ‎08-29-2023

Hello Haxxan thanks for the quick response! You mean Card-collection.liquid right? I am not sure which text i need to copy exacly and where to place it... Isn't there a snippet of code that I can add have the text above the image?

Hardik29418 · ‎08-29-2023

Hello,

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!

- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

cuinatialplat1 · ‎08-31-2023

https://cuinat-i-al-plat-a-casa.myshopify.com/

I need a snipped of code that ai can paste so the text goes above the image. Thank you!

ZestardTech · ‎08-29-2023

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

cuinatialplat1 · ‎08-31-2023

https://cuinat-i-al-plat-a-casa.myshopify.com/

Thank you!

Moeed · ‎08-29-2023

Hey @cuinatialplat1

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

How to change collection title position to be above the image?