Resizing collectio list images in Streamline

Solved
4gutierrez
Tourist
14 0 1

Hello,

I am trying to resize one collection list images for them to conquer all page size.

4gutierrez_0-1602699220891.png

Looking for a solution...

www.irmao.com.mx

pass: Irmao1

 

Accepted Solution (1)

Accepted Solutions
ErSanjay
Trailblazer
181 19 24

This is an accepted solution.


Replace our CSS code  
theme.css

 

@media only screen and (min-width: 769px)
.skrim__item {
 margin: 0 20px 40px;
 width: 43%;

}

 



https://www.irmao.com.mx/https://www.irmao.com.mx/

View solution in original post

Replies 5 (5)
ErSanjay
Trailblazer
181 19 24

This is an accepted solution.


Replace our CSS code  
theme.css

 

@media only screen and (min-width: 769px)
.skrim__item {
 margin: 0 20px 40px;
 width: 43%;

}

 



https://www.irmao.com.mx/https://www.irmao.com.mx/

View solution in original post

4gutierrez
Tourist
14 0 1

I was able to do it but images are too big.

Is there a way to mantain that width but reduce height for them to be wider but not taller?

Thanks

4gutierrez
Tourist
14 0 1

I solved the issue by adding height of 200 px

Thanks

ErSanjay
Trailblazer
181 19 24

Awesome, keep experiments and keep learning  

Akarrman
Tourist
8 0 1

This solution does not work anymore? The images do get bigger but instead of them going side by side they stack upon eachother?