Solved

How to put text inside the collection list

Deeprys
Shopify Partner
3 0 0

Hi guys, 

 

When I added an image in the collection. The text got moved down. Can you help me how to make it still in the center? 

 

https://clothindulge.myshopify.com/collections/dresses

pw: xewcia

 

Thanks very much.

 

Deeprys

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7006 1323 1349

This is an accepted solution.

Go Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

 

<style>
.card--standard>.card__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
</style>

Screenshot 2023-12-28 at 13.44.40.png

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7006 1323 1349

This is an accepted solution.

Go Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

 

<style>
.card--standard>.card__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
</style>

Screenshot 2023-12-28 at 13.44.40.png

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Deeprys
Shopify Partner
3 0 0

Thank you so much! May I also know how can I reduce the collection size? It's too big in the preview

Dan-From-Ryviu
Shopify Partner
7006 1323 1349

Could you explain a little more?

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Deeprys
Shopify Partner
3 0 0

Got it. I want to reduce the size of the collection by making it smaller circles. Because it's too big when I view it in the preview. thank you 

Deeprys_0-1703823079056.png