Hi,
I am trying to round all the corners of my product and collection images.
I am using the Showcase version 5.40 theme.
Can anyone help?
Hi,
I am trying to round all the corners of my product and collection images.
I am using the Showcase version 5.40 theme.
Can anyone help?
Please share your store URL
URL: https://nerveprf.com
Please add the following CSS code to your assets/styles.css bottom of the file
.rimage-outer-wrapper {border-radius: 5% !important;}
.product-block .rimage__image, .collection-block .rimage__image {border-radius: 5% !important;}
Thanks!
.
Hi thanks!
I implemented this and it rounded the edges of the following: slideshow images and collection images.
Is there a way to only do collections and product photos?
I would like to give you a solution to support you:
.product-block .rimage__image, .collection-block .rimage__image {
border-radius: 20px;
}
Please share the screenshot.
@NP2023
Put below css into styles.css file
.product-block .rimage__image, .collection-block .rimage__image {
border: double !important;
border-radius: 99px !important;
}
This worked for the collection at the bottom of the homepage but not on products images on the home screen and on product pages
Please add provided CSS I will check the issue and fix it.
@NP2023
Add below one also
.product-block .image .image-inner, .collection-block .image .image-inner {
border: double !important;
border-radius: 100px !important;
}
.product-area .product-area__media .swiper-container:not(.swiper-container-horizontal) .swiper-wrapper img {
border: double !important;
border-radius: !important;
}
add following code
.product-block .image .image-inner, .collection-block .image .image-inner {
border: double !important;
border-radius: 100px !important;
}
.product-area .product-area__media .swiper-container:not(.swiper-container-horizontal) .swiper-wrapper img {
border: double !important;
border-radius: !important;
}