Checkout PayPal huge logo - by fredwerk - on WordPress WooCommerce support

This topic has 15 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

  • Avatar: fredwerk
    fredwerk
    Participant
    November 7, 2014 at 19:16

    HI,

    Here http://tagsshop.theaberdeengreenschool.org/checkout/ instead of having the small logo beside PayPal, I have a huge one (that does not look right). I checked Legenda demo and indeed you have small square logo.

    Please see Private Content to access site.

    Many thanks,

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 8, 2014 at 08:32

    Hello,

    As I see you have nice logo size, isn’t it?
    Look at screenshot: http://prntscr.com/546m5h

    Regards,
    Robert Hall.

    Avatar: fredwerk
    fredwerk
    Participant
    November 8, 2014 at 08:43

    Hi,

    But if you go here https://www.8theme.com/demo/legenda/checkout/ you can see the logo is a lot smaller.

    I prefer the smaller one 🙂

    How can I?

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 8, 2014 at 10:50

    Sorry, but I don’t see there another logo. Could you provide us screenshot?

    Regards,
    Robert Hall.

    Avatar: fredwerk
    fredwerk
    Participant
    November 8, 2014 at 17:00
    Avatar: Eva
    Eva Kemp
    Support staff
    November 8, 2014 at 17:37

    Hello,

    I’ve added the following code into custom.css file:

    .payment_method_paypal img {
       width: 150px;
    }

    Please check Checkout page now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: fredwerk
    fredwerk
    Participant
    November 8, 2014 at 17:40

    Hi,

    This is better however the radio button is not in front of the the text PayPal and “What is PayPal?” is stuck to the logo.

    Avatar: fredwerk
    fredwerk
    Participant
    November 10, 2014 at 09:55

    Any news on this issue?

    Avatar: Eva
    Eva Kemp
    Support staff
    November 10, 2014 at 17:00

    Hello,

    I’ve added the following code into custom.css file:

    .payment_method_paypal label { margin-top: -15px;
    }
    .payment_method_paypal img {
       width: 150px;
       margin-right: 110px;
    }

    Please check the page now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: fredwerk
    fredwerk
    Participant
    November 10, 2014 at 17:20

    Hi Eva,

    Thanks, but I am trying to replicate what you have on your demo theme https://www.8theme.com/demo/legenda/checkout/

    Your demo does not have the big logo and the “What is PayPal” text. How can I have the same small logo and to remove the “What is PayPal” text?

    I should have the same than your demo, I don’t have plugins or done anything that should interfere with Legenda. So I don’t understand why it’s different.

    Avatar: Eva
    Eva Kemp
    Support staff
    November 11, 2014 at 10:25

    Hello,

    I’ve edited custom.css and now “What is PayPal” text isn’t shown. To change the image you need edit the file class-wc-gateway-paypal.php (line 101) which in located in wp-content/plugins/woocommerce/includes/gateways/paypal, find the code $icon = 'https://www.paypalobjects.com/webstatic/mktg/Logo/AM_mc_vs_ms_ae_UK.png'; and replace the link with this one https://www.8theme.com/demo/legenda/wp-content/plugins/woocommerce/assets/images/icons/paypal.png

    Regards,
    Eva Kemp.

    Avatar: fredwerk
    fredwerk
    Participant
    November 11, 2014 at 10:50

    Hi Eva,

    This worked. Thanks.

    However the word PayPal and logo are too near to each other, and they are both touching the line above. Also the radio button is not centred anymore.

    Avatar: Eva
    Eva Kemp
    Support staff
    November 11, 2014 at 15:55

    Hello,

    Please check it now.
    I’ve made changes in custom.css file.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: fredwerk
    fredwerk
    Participant
    November 11, 2014 at 17:15

    Hi,

    This is perfect!

    For the changes in regards to the logo, how can i retain the changes when I update to latest version?

    Avatar: Eva
    Eva Kemp
    Support staff
    November 11, 2014 at 20:28

    Hello,

    The changes you’ve made are related to Woocommerce plugin. So you need keep that file safe when updating the plugin.

    Thank you.
    Regards,
    Eva Kemp.

  • Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘Checkout PayPal huge logo’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.