Hi,
the fancybox that appears when you add a product to the cart shows an annoying scollbar at the bottom because the size of the container (div fancybox-container) is sized automatically and is too small.



Have you got an idea how to fix it?

PS: setting scrolling: "no" in flexibleMartGlobal.php does not work

Thanks,
Bruno

Just for your info I solved it by changing fancybox default padding to 0 in jquery.fancybox-1.3.4.pack.js, but it is a solution I don't like at all!

Bruno

hi,

that problem actually caused by the "box-sizing" CSS rule. If you are using a bootstrap based joomla template, then all the elements are getting box-sizing:border-box; rule, but the "notification box" must be set to box-sizing:content-box;

If you provide me your website URL, i can better assist you on this, because the solution is varying from website to website.

regards.

Great, you are right.
Solved!

I added the following to jquery.fancybox-1.3.4.css:
and this to flexible.css:
Thanks, Bruno

sometimes adding those CSS rules itself is not enough, because templates re-override it with !important rule or with a stronger CSS selectors. But looks like yours doesn't do it.

I am glad you solved your problem by yourself ;)

case solved, topic locked.

Cheers,
Support