Edit History

Hi.

You can change the style even in the iframe via JQuery.
Just add a few lines of code to ./themes/your theme/assets/js/custom.js (if it doesn't exist, create it).
For example:

$(document).ready(function() {
    if (prestashop.page.page_name == 'order') { /* run the script only on the order page */
        if ($('#iframe').length) { /* find out if there is a PayPal iframe by its id=??? */
            $('#iframe').load(function() {
                $('#iframe').contents().find('head').append('<style>input.card-field-name { color: #FFF !important; background: #222 !important; border: 1px solid #555 !important; }</style>');  
            });
        }
    }
});

Hi.

You can change the style even in the iframe via JQuery.
Just add a few lines of code to ./themes/your theme/assets/js/custom.js (if it doesn't exist, create it).
For example:

$(document).ready(function() {
    if ($('#iframe').length) { /* find out if there is a PayPal iframe by its id=??? */
        $('#iframe').load(function() {
            $('#iframe').contents().find('head').append('<style>input.card-field-name { color: #FFF !important; background: #222 !important; border: 1px solid #555 !important; }</style>');  
        });
    }
});