I have an iframe from another site enbedded in my site that looks like this:
<iframe src="https://youcanbook.me/?noframe=true&skipHeaderFooter=true" id="ycbmiframe" style="width:100%;height:1000px;border:0px;background-color:transparent;" frameborder="0" allowtransparency="true"></iframe>
<script>
window.addEventListener && window.addEventListener("message", function(event) {
if (event.origin === "https://youcanbook.me") {
document.getElementById("ycbmiframe").style.height = event.data + "px";
}
}, false);
</script>
Is there a way to override CSS?
Thanks