Badge positioning

Hi All!

I am now playing with badges. I have created a badge "-10%" with following settings:

However, if you look at the product show page, the badge is moved to outside of image.



At the same time, it looks Ok at product listing page:



I can put some minus value at "Horizontal distance" in badge settings. Then the badge will look Ok at product show page. However it will be significantly moved at product listing page from right corner to the middle oif image...

Indeed, I have modified CSS and views. However, if I change all my CSS modifications to those default and also change custom view to default, the badge is still outside the image. So, definitely it is not related to my customizations. Is there any way to fix that?

On the other hand, it has been applied not only to big size images at product pages, but also to small thumbnails of "LATEST PRODUCTS" section. No need to say, it looks ugly here:



Is it possible to remove badges from RELATED PRODUCTS and LATEST PRODUCTS?

Thanks for your always perfect support.

Thank you, nicolas.
I have found responsible code in CSS using source code view in Google Chrome.

On the other hand, the issue has disappeared after I have deactivated side modules at my page. (So, now Hikashop takes whole width of my page and the columns are equally wide on both screenshots, therefore they keep same positioning of badge.) As I actually don't need side modules on my shop pages, I am not going to keep investigating on the issue.