Import script on singel page

Hi,
Sorry for the late reply, please include an admin login in the Private Content area, I see that your /collectie/ page is missing the footer but I found no browser console errors.
As for the font on the two pages, it seems that you are using two different versions of the “montserrat” font, the “script” version is loaded with !important; in the css so it would be very hard to override, this is what the script is loading:

.mox-bootstrap .mox-occasion-list h3,.mox-bootstrap .mox-occasion-list h4,.mox-bootstrap .mox-occasion-list h5 {
    font-family: Montserrat,sans-serif!important;
    color: #232628!important;
    line-height: 22px!important
}

But, the difference between the fonts seems hard to see, to me, please include a screenshot of the text you would like to change the font for in the script.

Best regards,
Mike

Hi,
Thanks for the login, looking at the footer that is missing, I see that the footer is loading before your script loads, then there seems to be a conflict as the script builds your gallery.
Perhaps if your script could be delayed by a second it would avoid this, does the service were you got this script have a delay option?

Best regards,
Mike

Hi,
Thank you for asking them for a delay option, I tried to write a delay function, but it doesn’t work, so I’m hoping there are some other ways to trigger the script.

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  setTimeout(addScript, 1000)
});

function addScript() {
  scriptTag = document.createElement('script');
  scriptTag.type = 'text/javascript';
  scriptTag.async = true;
  scriptTag.id = 'mox-voorraad'
  scriptTag.src = 'https://sites.mobilox.nl/voorraad.js';
  scriptTag.setAttribute('data-url', 'https://sites.mobilox.nl/occasionlijst/rensgreijmans2169218/');
  scriptTag.onload = function() {
    console.log("Added Script");
  };
  document.getElementsByTagName('head')[0].appendChild(scriptTag);
}
</script>

Perhaps were you got the script would have a thought about this script.

Best regards,
Mike

Hi,
I added the custom ID code-block-iframe to the code block with the iframe code, then I added this code in the WordPress > Customize > Additional CSS field:

#code-block-iframe > .avia_codeblock > iframe {
	min-height: 1670px;
}

I calculated the iframe height to be 1670px, but you can adjust if you wish.
Please clear your browser cache and check.

Best regards,
Mike