[SOLVED] Paypal block layout issue

[Nihelan]

Hello,

 

PayPal block with logo on payment page is not displayed correctly in 1.6.

 

The block apperantly has 100% width of parent, not the width like other blocks, like bankwire.

There is some Javascript involved, but I can't find anywhere to set fixed width.

 

 

Please point out to me where to look for the code.

 

Thank you in advance.

Edited April 22, 2014 by Nihelan (see edit history)

[PascalVG]

Hi Nihelan,

Can you give us a link to your site?

[Nihelan]

Yes offcourse the site in question is http://nihelan.com.

 

Thanks for your reply.

[PascalVG]

Hi Nihelan, (hallo)

 

Little difficult to pinpont exactly, as you have some optimization settings turned to ON (Advanced Preferences-> Optimization)

 

But you should add this to themes/<your theme folder>/css/global.css:

 

p.payment_module { width: 50%; }

 

 

and try to find this piece of code (hopefully in global.css, but maybe in some custom theme css file):

.col-md-6 {
    width: 50%;
}

 

and change this to:

.col-md-6 {
 //   width: 50%;
}

 

to comment this line out

 

 

If you can't find the code, please turn off optimizations (especially ccc optimizations) and then let me know, so I can try to find the code.

 

pascal

 

N.B. I noticed that the HiPay payment block (the logo) isn't adapted for smaller screens as well. This may need some additional work...

[Nihelan]

Hello Pascal,

 

Thank you very much for your expertise, detailed description and help in solving my issue.

 

Just like you described all code was located in global.css and the payment blocks are now equal sizes.

 

Thanks again for your cooperation and effort.

 

Richard