• gcc0ccg

    (@gcc0ccg)


    Hey there, thanks for the great plugins. We have an issue with some dropdowns for example from Klarna in the checkout. We have a a dark theme and the text from these dropdowns is also dark (see screenshot here.: https://pasteboard.co/oBWdi6PvMST6.png). These are implemented with iFrames, so their css is hard to override. Is there a way to hide them in the settings or edit them?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @gcc0ccg

    thanks for the great plugins.

    You’re welcome, it’s always great to hear positive feedback.

    I wasn’t able to access the screenshot you linked to. The server keeps responding with a 502 bad gateway.

    Is there a way to hide them in the settings or edit them?

    Stripe has a custom way of providing styling that can modify the content in the iframe. Can you share a link to your site so I can see the specific HTML that you want changed? If you can’t share a link, try using something like imgur to upload the screenshot.

    Kind Regards

    Thread Starter gcc0ccg

    (@gcc0ccg)

    Thanks for the feedback. And sure, I created a new screenshot on imgur here: https://imgur.com/a/2zcPxeG
    Would be great to be able to edit it. Alternatively hiding it completely would be another option.

    Plugin Author Payment Plugins

    (@mrclayton)

    The following code snippet will change the Klarna payment section’s text to white.

    add_filter('wc_stripe_get_element_options', function($options, $gateway){
    if($gateway->id === 'stripe_klarna'){
    $options['appearance'] = [
    'variables' => [
    'colorText' => '#fff'
    ]
    ];
    }
    return $options;
    }, 10, 2);

    You can modify this example to suit your needs.

    Here is a link to Stripe’s docs on the different variables that are available. https://docs.stripe.com/elements/appearance-api?platform=web#commonly-used-variables

    Kind Regards

    Thread Starter gcc0ccg

    (@gcc0ccg)

    Thank you ?? We will try that

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.