How add small icon/image inside a product image?

Site URL: https://www.a2seeds.com/

Hi,

We're using Squarespace 7.0 and the Avenue template. I'm trying to tweak our Shop Page and individual Item pages so that we can indicate visually which of our seeds are certified organic - I'm hoping to put a small USDA Organic symbol in the corner of the image for those items. Any thoughts on how to accomplish that?

Thanks!

Hi,

Add an organic certified image on corner of image on Shop Page - Individual products. Is this right?

https://www.a2seeds.com/buy-online/gift-card

Hi - yes, that is what I want to do - I've attached an example of how I'd like it to look.

Thanks!

On 2/18/2022 at 10:54 PM, GreenThingsFarm said:

Hi - yes, that is what I want to do - I've attached an example of how I'd like it to look.

Thanks!

Add to Design > Custom CSS

#productList .product .product-image:after {
    content: "";
    background-image: url(https://cdn.pixabay.com/photo/2020/05/08/16/06/dog-5146351__340.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 999;
    width: 50px;
    height: 50px;
}

#productList .product .product-image {
    position: relative;
}