Jump to content

PS1.6 default theme revise Paypal module style in checkout so it looks better


Recommended Posts

I am PS1.6 default theme, i am new and use opencart before. It's a bit diffcult to revise as i don't know much css. Hope some one can help, thanks a lot!  

 

attached picture, the paypal module looks very bad,how to change paypal style to the same as bank wire? I think this should be revised by PS team by default. It looks so ugly and unprofessional.

post-461792-0-53758900-1399535169_thumb.jpg

Edited by rayleic (see edit history)
  • Like 1
Link to comment
Share on other sites

  • 1 year later...

Hi,

 

I had the same issue, my resolution is not perfect - but its better than stock...

 

heres the fixes i did:

 

changed themes global.css (\themes\default-bootstrap\css)

line 7834

 

    p.payment_module a.cheque:after, p.payment_module a.bankwire:after, p.payment_module a.cash:after .....{

 

add , p.payment_module a.paypalbx:after

 

before the {

 

 

line 7846

p.payment_module a:hover {
      background-color:

 

add !important

 

    p.payment_module a:hover {
      background-color: #f6f6f6 !important; }

 

 

Changed file: \modules\paypal\views\templates\hook\

express_checkout_payment.tpl

 

the <a href="javascript:void(0)

 

there are two that start like that

 

change to: <a class="paypalbx" href="javascript:void(0)

 

basically refering to the payment_module class inheritance made in the global css

 

I still have default background colour issue, and the size of the payment option (height) is a little off..

 

Hope this helps..

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...