HTML block not displaying what I coded

[ad_1]

Hello everyone!

I’m desperately trying to add a slider to my page, which I’ve coded in HTML (and then customize with CSS from the “Additional CSS” tab).

When my code is in Visual Studio Code, it works perfectly and renders as expected. But as soon as I import it into Elementor’s “HTML” block, the content appears, but not as a slider.

I suspect this line of code is responsible, as it’s an external style sheet I’m importing. I’ve tried putting it in the CSS and in the HTML block directly, but it doesn’t change anything (and it is at the beginning of my CSS stylesheet):

@import url(‘https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/css/swiper.min.css’);

Would you know how to solve this problem?

Thanks !

[ad_2]