Css Color menu Wordpress

Question

У меня есть проблема, чтобы сделать фон в меню для каждой категории с помощью примера css на рисунке ниже. Речь идет о Wordpress.

Фон 1 Категория:

Фон 2 Категория:

Если у меня есть свое имя в меню спорта, как бы спортивный фон цвета, которые я люблю с помощью CSS в Wordpress.

Answer 1

Вы можете использовать этот javascript код в этом случае вставки в свой header.php или что-либо подобное

<script type="text/javascript"> 
    $(document).ready(function() { 
     var test = document.getElementById("menu-item-26"); 
     var check_exist = test.classList.contains("current-menu-item"); 
     if(check_exist){ 
       var x = document.getElementsByClassName("header"); 
       x[0].style.backgroundColor="#333"; 
     } 
    }); 
</script> 

1. Изменение menu-item-26 в id_of_your_menu

2. Keep current-menu-item Поскольку при выборе меню этот класс будет добавлено в ваше меню

3. Изменить header класс вашему классу, который вы хотите изменить.

4. Установите свой цвет.

Это все.

Мой результат

---

Оригинал