i have following iframe in my website
<iframe class="zoid-component-frame zoid-visible" frameborder="0" allowtransparency="true" name="test" title="ppbutton" scrolling="no" allowpaymentrequest="allowpaymentrequest" src="https://www.paypal.com/webapps/hermes/button?env=production&commit=true&style.label=pay&style.layout=vertical&style.size=responsive&style.shape=rect&style.color=gold&style.tagline=false&locale.x=en_US&funding.disallowed=credit%2Cvenmo&domain=store17204827.ecwid.com&sessionID=93bede67c2_mdy6mzk6mdg&buttonSessionID=c3989cbef7_mdy6mzk6mdg&logLevel=warn&sdkMeta=eyJ1cmwiOiJodHRwczovL3d3dy5wYXlwYWxvYmplY3RzLmNvbS9hcGkvY2hlY2tvdXQubWluLmpzIn0%3D&uid=645255e5ef&version=min&xcomponent=1" style="background-color: transparent;"></iframe>
If you run the code here you can see there is a button coming . I want to change the yellow button text as "pay with debit or credit card" .i tried things but noting work . I try to hide the button log that also not working . Please see our code
$(".zoid-component-frame.zoid-visible").bind("load",function(){
alert();
$(this).contents().find(".paypal-button-logo-gold").css("display","none");
});
Please help to solve this issue .