title: paypal iframe custom style
body: <p>So on the website, the PayPal checkout page is implemented by using this iframe <a href="https://developer.paypal.com/docs/integration/paypal-plus/mexico-brazil/integrate-a-payment-selection-page/#payment-selection-page-components" rel="nofollow noreferrer">documentation</a>, where it offers the customization on css of iframe with given css key:value pairs in JSON string. you can see that <a href="https://developer.paypal.com/docs/integration/paypal-plus/mexico-brazil/custom-style-for-payment-wall/#example" rel="nofollow noreferrer">here</a></p>
  <p>Now, can someone help me if I am passing the JSON string correctly, because it doesnt work for some reason. i need to make the labels white in color</p>
  <pre><code>    &lt;script type=&quot;application/javascript&quot;&gt;
  var styles = {
      &quot;pppLabel&quot;: {
          &quot;color&quot;: &quot;#fff&quot;
      },
      &quot;pppCheckboxLabel&quot;: {
          &quot;color&quot;: &quot;#fff&quot;
      }
  };
  
  var ppp = PAYPAL.apps.PPP({
      &quot;approvalUrl&quot;: &quot;&lt;?=$approvalUrl?&gt;&quot;,
      &quot;placeholder&quot;: &quot;ppplusDiv&quot;,
      &quot;payerEmail&quot;: &quot;&lt;?=$_POST['email']?&gt;&quot;,
      &quot;payerFirstName&quot;: &quot;&lt;?=$_POST['name']?&gt;&quot;,
      &quot;payerLastName&quot;: &quot;&lt;?=$_POST['surnamename']?&gt;&quot;,
      &quot;payerPhone&quot;: &quot;&lt;?=$_POST['telephone']?&gt;&quot;,
      &quot;payerTaxId&quot;: &quot;&lt;?=$_POST['cpf']?&gt;&quot;,
      &quot;miniBrowser&quot;:false,
      &quot;merchantInstallmentSelection&quot;:12,
      &quot;merchantInstallmentSelectionOptional&quot;:true,
      &quot;mode&quot;: &quot;live&quot;,
      &quot;payerTaxIdType&quot;: &quot;BR_CPF&quot;,
      &quot;language&quot;: &quot;pt_BR&quot;,
      &quot;country&quot;: &quot;BR&quot;,
      &quot;css&quot;: styles,
    });
  </code></pre>
  <p>I have made changes like</p>
  <pre><code>&quot;css&quot;: JSON.stringify(styles)
  </code></pre>
  <p>but it doesnt work and give this in console</p>
  <p><a href="https://i.stack.imgur.com/51AwM.png" rel="nofollow noreferrer">screenshot</a></p>
  <p><a href="https://i.stack.imgur.com/oa707.png" rel="nofollow noreferrer">code pic</a>
  <a href="https://i.stack.imgur.com/gnziJ.png" rel="nofollow noreferrer">web page pic</a></p>