LauraNMS LauraNMS - 1 year ago 79
CSS Question

Slick slideshow dots showing up as weird characters

I'm using slick.js to create a slideshow. All is working well except the dots. They're showing up, but they're showing up as this weird character string (

My code seems right. What's wrong?


arrows: true,
prevArrow: "<i class='fa fa-2x fa-arrow-circle-o-left'></i>",
nextArrow: "<i class='fa fa-2x fa-arrow-circle-o-right'></i>",
accessibility: true,
adaptiveHeight: true,
dots: true


position: absolute;
bottom: 0px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
background-color: white;


Answer Source

You need to download and import Slick's CSS files as following:

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>