Добрый день, есть тема для wordpress twenty sixteen переделал я ее для людей с проблемным зрением. Можно менять цвет, фон, размер шрифта. Вот только есть проблема с тем, что если я например на главной поставлю черный фон. Потом перейду на другую страницу то там все так же будет черный фон, но как только я сменю на новой странице фон, например голубой, то все тоже будет работать. А вот если снова вернуться на главную то там почему то черный фон будет. В чем проблема то? Я с помощью js бросаю кукисы, а через php их вывожу.
<div class="col-lg-3 col-md-3" id="special-control">
<a href="" class="text-size-change text-small" >A</a>
<a href="" class="text-size-change text-medium" >A</a>
<a href="" class="text-size-change text-large" >A</a>
<a href="" class="text-color-change text-color-normal" >K</a>
<a href="" class="text-color-change text-color-inverse">K</a>
<a href="" class="text-color-change text-color-colored">K</a>
</div>
<script>
$( document ).ready( function(){
//text size
var small = $('.text-small');
var medium = $('.text-medium');
var large = $('.text-large');
//bg color
var colorNormal = $('.text-color-normal');
var colorInverse = $('.text-color-inverse');
var colorColored = $('.text-color-colored');
//set size
small.on( "click", function(){
document.cookie = "size = small";
location.reload();
} );
medium.on( "click", function(){
document.cookie = "size = medium";
location.reload();
} );
large.on( "click", function(){
document.cookie = "size = large";
location.reload();
} );
//set background
colorNormal.on( "click", function(){
document.cookie = "background = white";
location.reload();
} );
colorInverse.on( "click", function(){
document.cookie = "background = black";
location.reload();
} );
colorColored.on( "click", function(){
document.cookie = "background = colored";
location.reload();
} );
} )
</script>
<?
$background = $_COOKIE['background'];
$fontSize = $_COOKIE['size'];
?>
<body class="<?= $background; ?> <?= $fontSize; ?>">
Консоль ошибок не выдает, значит я не учитываю какой то баг?
