Aligning text on Debut collections page

kcr1
Tourist
3 0 2

Hello! I am using the Debut Theme and would like to know if it's possible to change the alignment of my text on the collections product pages? When the image is horizontal/landscape the alignment is perfect, however if the image is vertical/portrait it is way far left aligned (see screenshots below for reference). How can I fix this? Note: I have VERY LITTLE coding knowledge  

Screen Shot 2021-04-23 at 10.37.26 PM.pngScreen Shot 2021-04-23 at 10.37.12 PM.png

Replies 17 (17)
dmwwebartisan
Shopify Partner
9800 2231 3067

@kcr1 

Please share your website URL and password if any.

I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9800 2231 3067

@kcr1 

Thanks for URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9800 2231 3067

@kcr1 

Please add the following code at the bottom of your assets/theme.css file.

 

 

.template-collection .grid-view-item__image-wrapper {
    max-width: 3000px !important;
    max-height: 2048px !important;
}
.template-collection .grid-view-item__image-wrapper .grid-view-item__image {
    max-width: 3000px !important;
    max-height: 2048px !important;
}

 

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Natztech
Shopify Partner
2236 565 1373

@kcr1 please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection .grid-view-item__image-wrapper {
    max-width: 100% !important;
    max-height: 100% !important;
}
.template-collection .grid-view-item__image-wrapper .grid-view-item__image {
    max-width: 100% !important;
    max-height: 100% !important;
}

 

kcr1
Tourist
3 0 2

   Thank you!! 

ChezRio
New Member
6 0 0

Hi ! Is this still working ? I have the same issue. I only have theme.scss.liquid in my asset. I have tried to put it in but it did not work.

Thanks !

Chez Rio team

Natztech
Shopify Partner
2236 565 1373

hello @ChezRio 

Please provide the website URL and if your store is password protected then also provide a password So I will check and provide a solution here.

ChezRio
New Member
6 0 0

Hi Naztech,

Our URL is chez-rio.myshopify.com.

Thank you in advance !

Chez Rio team