Klarna Popup Modal using var(–colorBackground) where is that coming from?

When I click the standard ‘Learn More’ link in the Klarna checkout the popup is unreadable as its pulling the colours from the Woodmart theme some where but I cannot locate the colours or where it’s coming from. I cannot style it externally as it’s within an iframe and the CSS wont penetrate it.

this is the CSS its using and the section thats bold ( background ) is the var(–colorBackground) its pulling from but I cant find that colour or referees anywhere..

.p-PaymentMethodMessagingModal {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
background-color: var(–colorBackground);
border-radius: 20px;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif;
left: 50%;
letter-spacing: var(–letter-spacing);
max-height: 655px;
max-width: 571px;
padding: 24px;
position: absolute;
top: 50%;
width: 100%;
z-index:10

Attachments:

You must be logged in to view attached files.

Hello,

The theme cannot affect the CSS in the iframe. This https://prnt.sc/RkTEV8KVU2yw variable is related to the iframe – https://prnt.sc/BjLJQdpliFHp , https://prnt.sc/UCKfXBNlX7HI

So I suggest you contact the plugin support or check their documentation on how to change that color as the our theme cannot affect that area.

Kind Regards

[Author]

Posts