Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1260589

    Hi,

    iam making a website, but i need to import a custom script to import cars. when i put it in ‘code block’ the it gets a different layout. Can you help me out with this problem. I send you the website and the import script so you can take a look.

    Kind regards,

    Jarno Beelen

    #1260669

    Hi Jarno,

    I’m not sure what you mean by “different layout”, what exactly do you want to change and how?

    Best regards,
    Rikard

    #1260671

    Hi Rikard,

    When i past the code there is no footer, and the font is much bolder. If you can take a look at the home page and the collection page then you can see the difference. At the collection page did i changed notting (when i delete the code the footer will be loaded and the font is getting there normale size)

    Home: https://rensgreijmans.media-click.nl/
    Collection: https://rensgreijmans.media-click.nl/collectie/

    #1261482

    Hi Rikard,

    Did you see the differente on the 2 pages? I have no idea what the reason is about that? I am very much looking forward to your solution

    Kind regards,

    Jarno Beelen

    #1261959

    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

    #1261961

    Hi,

    The biggest problem that still occurs to me is that the footer is not loading. As a result, the page is not finished. In consultation with the website owner, I left the font like that. I will send you the data that you can access the website!

    Kind regards,

    Jarno Beelen

    #1262003

    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

    #1262038

    Hi,

    I’m going to ask the company where the script comes from. So they should put a delay of about 1 second on the script. Does this just load the footer? Or are there other ways to make sure that the script is loaded later when the company cannot adjust it? For example through plugins or adjusting the php files?

    Kind regards,

    Jarno Beelen

    #1262143

    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

    #1262161

    Hi,

    The company is going to look into it. Until then I have an iframe code only now my question is how do I get an iframe the full height of the iframe link because height = “100%” did not work. Do you know how I get this done?

    Kind regards,

    Jarno Beelen

    #1262176

    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

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.