Hello guys, trying to round the edges on the collection grid for impulse, can anyone help with this please?- second screenshot is how I want it to look :)- thanks in advance!
1 Like
sure- Casstiel.com 
Please follow these Steps:
- Go to Online Store
- Edit Code
- Please find assets/modules/product-grid-item.css and paste code bottom of file.
.grid-product__image-mask {border-radius: 10px;}
Thanks!
ahh dont worry that worked thanks!
Are you able to help me make the images slightly bigger? Can you also help me replicate this on the actual product page please?
sure thank you! - want images on product page on desktop to show rounded edges also
then want to make these images on collection grid actually larger so still 4 per line but just increase the size
sure thank you! - want images on product page on desktop to show rounded edges also
solution
Please follow these Steps:
- Go to Online Store
- Edit Code
- Please find assets/animations.css and paste code bottom of file.
.product-main-slide .image-wrap {
border-radius: 10px;
}
2] then want to make these images on collection grid actually larger so still 4 per line but just increase the size
solution
Please display 3 image per row . image size automatically change. not add custom css code for this issue.
Thanks!
1st one is great thanks! Second one I dont think there is an option on impulse I can see to change how many per row?
ignore me there is haha, thanks for your help!
1 Like
please check your site on collection page already display 3 product per row this good image size on desktop
1 Like
thanks!
Hello mate,
is there a way to only show rounded on product page for desktop not on mobile version?