WP スライダー文字化け ドット部分

Question

前提・実現したいこと

.slick-slideの記事カード 下にあったドットの文字化けを解消したいです。
原因は追加CSSに.mainのmargin right とleftの記述をしたことです。

記述した内容を消しても、このエラーは解決できませんでした。

URLは下記の通りです。
https://fpgohan.com/

該当のソースコード

言語名
CSS

Answer 1

.slick-dots li button::before {
font-family: slick;
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0px;
left: 0px;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: black;
-webkit-font-smoothing: antialiased;
}
の一部が無効になっていたため、追加CSSに書き直して解決できました。