I have finally been able to implement a basic Slick slider… very basic
And i want to learn on styling it to give it some ‘umf’ And i’ve been looking online for help and looking at codepen to mess around with things, but i have next to 0 knowledge on code and i keep breaking it.
I do not want a red background (no idea how that’s there) and i want it to span more of the view width, then to be responsive on smaller devices, even if that means changing the slidestoshow to a lower number.
Any help would be amazing, my published site is here. (There will be ongoing changes to the website. Its currently my job is to learn webflow)
Remove the call to the slick.min.js in the fourth line and then the opening script tag after it. You are also instantiating the slick slider twice and one instance is wrapped in a document.ready which I believe is u necessary. Try this instead:
Hey @Lozzaa, when I preview your read-only link, the slickdemo html embed is set as display: none.
Since there are no interactions associated to this section, I am guessing this could be the reason the Slider is gone altogether. Select the slickdemo and set the display as block or as you need.
@Lozzaa - I’m not entirely sure why, maybe they hide the slider on load and use js to display, but from the source css the slider is set to display none:
Thanks for the help with this, here is where i got my original code from this post:
Using the read only provided by Jeff S i used that code and i tried to build on top of it to make it look better etc etc.
Update: I cross checked the original and added some bits that i thought were missing, now i can barely see a difference (apart from some extra bits i added)
Sorry for the late reply, i deleted the Slick-slide div and WE HAVE SOMETHING! The Slider is being displayed, just with the red background etc etc, thanks for the help for that bit!