Resizing the Terms & Conditions pop-up during checkout

[Mister Denial]

Hello,

 

on my current template, the size of the pop-up window for terms and conditions is a bit too small, it has horizontal scrollbars that look really ugly. I'd like to change the width, but have no clue which file to edit.

 

Can someone please give me a helping hand with that?

 

Many thanks in advance, your help is much appreciated!

 

Dan

[BWT]

If you use firefox you can use fire bug to find the location of the area your talking about then edit it. My guess is that it is some place in the global.css file but i am not sure because I have never changed this.

[Mister Denial]

Hi there,

 

thank you for your input and your help. I found out that this is apparently a classic iframe issue, and it is tricky to disable horizontal scrolling but leaving vertical on. It would require quite some work around - unless someone knows a good solution to get rid of h-scrolling in an iframe?

 

Best regards,

 

Dan

[razaro]

You can try to add overflow-x:hidden to css/jquery.fancybox-1.3.4.css

 

#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
  overflow-x:hidden;
}

 

This removes horizontal scroll and all text is visible.

[Mister Denial]

Hi there,

 

thank you for that suggestion, I made the change to the CSS file, but it does not work, horizontal scrollbar is still showing.

 

Regards,

 

Dan

[ysco]

Hello Mister Denial,

 

Did you have set in BO the setting force compile to On and cache Off, if you did not changed this then the the change will not be visible at FO.

If not then please do and then read load the page again and look if it works now, if it worked then set force compile to Off and cache to On again.

 

Regards,

 

ysco..

[carbik]

You can find in web/js/jquery file jquery.fancybox-1.3.4.js and then line 1105 with "width : 560".

Test it.