【Wordpress】WP-PageNaviのCSSが反映されない

発生している問題・エラーメッセージ

WP-PageNaviというプラグインを使用してページネーションの実装を行っているのですが、
CSSが反映されていない状態になっております。
こちらの解決方法につきましてご教示いただけますと幸いです。

↓デフォルトの状態のままになっている

試したこと

こちらのサイトに掲載されている以下のコードをプラグインフォルダ内のpagenavi-css.cssに記述。
また、PageNaviの設定から「pagenavi-css.cssを使用＞いいえ」にし、archiveページに適用しているcssに同様のコードを記述。
またどちらの場合でも、キャッシュクリアも行っております。

/*wp-pagenavi 17*/
.wp-pagenavi {
	clear: both;
	text-align:center;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #4DD0D5;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: thin dotted #4DD0D5;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #4DD0D5;
    }
.wp-pagenavi span.current{
	color: #fff;
	background-color: #4DD0D5;
    }