Remove Free shipping image

Hi All,
Is there any way I can remove Free Shipping image from product details page and add a different image?
Thanks
Jilin

Hi Jilin,
you have to replace the image in the img folder of your project (Themes --> Nitro --> Content --> img/). the file name of the image is depending  on your color preset - "free-shipping-red.png", "free-shipping-green", etc. Find the image and replace it with the one you want.

Keep in mind that the place holder of the image is styled for images with dimesions of 85x85 px. If your new image is of a different size or scale, you'll need to change the place holder css styles in order to fit the new image. Look for this code in your main CSS file (styles.css):

.free-shipping {
    ... ... ...
}
... and change the width and height to anything you like. if your new image is 85x85 px, you don't need to change anything, just replace the image.

Let me know if you have any further questions.

Thanks for your reply.
How about 'Free Shipping' text,
How can I remove that text ?
Thank you

To remove the text, find the same piece of code again

.free-shipping {
    ... ... ...
}
and change the font-size property from 14px (current value) to 0. This will make the text disappear.

Thank you

Hi 
Is there any way to display ALT text for free shipping image?
Thanks

No, since the image is applied as a background, there is no way to set an alternate text (ALT).

Thanks