このページャー部分となるドット、大きさがおかしいときどうするか。
GoogleChrome DevToolでその部分を見て、
ここのfont-size
っぽい。
ここの指定が.slick-dots li button:before
なので、それをそのままエディタにコピペ。
.slick-dots li button:before { font-size: 40px; }
みたいに変えてあげると、効きます。
と思いきや効かない。
Chrome DevToolで見てみると、
/* slick-theme.css */ .slick-dots li button:before { font-size: 6px; } /* style.css */ .slick-dots li button:before { font-size: 40px; }
で、上が優先されています。
ええーって感じなんですけどしょうがないので、もう少し詳細に
/* style.css */
.slick-visual .slick-dots li button:before {
font-size: 40px;
}
とかまですると効きます。
って解決方法が正しいと思いきや。
なんと、fontを読み込んでいなかった。そういうことか。
ここからダウンロードして、そこの中のfontのファイルを適切なディレクトリ(今回は./common/font/)に入れてあげれば解決します。
ここまで書いておいてなんですが上記のエラーはまたちょっと違うエラーかもしれないです、入れても解決しなかった。でもこれでfont-sizeの指定消してあげるとドットの大きさに関しては解決します。