Increase the size of in default collection page in venture theme

[Jubenor]

Hey,

Could anyone please help me with this small issue, Please!

I want to increase the size of the image in the default collection page of the venture theme and also the image size gets smaller if the caption is large, I want to remove that too. It would be best if the image size gets bigger so that people can see designs clearly and the caption only displays two lines or so…

like in this given image(in mobile view)… I want the product image to be bigger and the caption that says “Never Underestimate A Girl Who Plays Basketball || Basketball Unisex T-shirt” should say something like “Never Underestimate A Girl Who Plays…” (something like that)

store URL :- themarsmania.com

[Jubenor]

Can anyone please help me with this. I would be very grateful if you could,

Thankyou,

@KetanKumar

@dmwwebartisan

@Kinjaldavra

[dmwwebartisan]

@Jubenor

lease Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

@media only screen and (max-width:749px){
.swatches-globo .swatch--gl li .globo-style--button {padding: 0px 5px;}
}

Thanks!

[Jubenor]

Hey @dmwwebartisan

Thank You for your reply,

I have implemented the code just as you asked but i can’t see any difference, the image size is still the same and the problem with the captions also remains the same.

Please look into it once again.

[Kinjaldavra]

hello @Jubenor

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

@media only screen and (min-width: 768px) {
.template-collection .grid__item {
    width: 50%;
}
.product-card__name{
    min-height: 70px;
}
}

[Globo]

Hello Jubenor,

I’m Eric form Globo. Please do following instruction:

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

.product-card__info{

position: unset !important;

}

.product-card__image-container{

margin-bottom: 0px !important;

}

After the change, you will see the product grid look like:

BTW, Thank you so much for using our Color Swatch app: https://apps.shopify.com/globo-color-swatches

[Jubenor]

hey @Globo

Thank you very much, that worked great.

[Globo]

@Jubenor Never mind!!

If you need any other apps, please support Globo: https://apps.shopify.com/partners/globo

Thank you.