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

dmwwebartisan
Shopify Partner
5846 1337 1714

@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
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5846 1337 1714

@kcr1 

Thanks for URL.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5846 1337 1714

@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
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Natztech
Shopify Partner
647 177 433

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
kcr1
Tourist
3 0 2

   Thank you!! 

0 Likes