[Решено] Затемнение фона меню

[kavi]

Доброго всем времени суток!

Уважаемые, подскажите пожалуйста,. как реализовать такое:

Цвет пунктов Главного меню - белый, цвет фона также. На главной странице все ОК, т.к. главное меню находится на фоне слайдера, соответственно все хорошо видно.

А вот на странице статьи или категории ничего не видно, т.к. цвет фона и меню совпадает. Можно ли как-то затемнять подложку меню или включать какой-то фон при переходе на страницу статьи/категории?

[afwollis]

можно.

[ArtemPitov]

Вот затемнение 

  $('#menu .dropdown').hover(
    function () {
      var div = document.createElement('div');
      div.id = "menu-bg";
      $('#menu').before(div);
    }, 
    
    function() {
      document.getElementById('menu-bg').remove();
    });

Вставляйте свои селекторы и стилизируйте #menu-bg

[kavi]

Не подумайте, что не хочу ни думать сам, ни делать, но совершенно не понимаю какие селекторы и куда их вставлять.

Подскажите пожалуйста.

Сам сайт на котором такое нужно сделать http://test.san-marco.in.ua/

Змінено 12 серпня 2016 користувачем kavi

[afwollis]

попробуй так:

1. /catalog/view/theme/fastor/css/stylesheet.css :: 2187

.header-type-3 #header-center .megamenu-background {
border: none;
}

добавить

background-color: #000000; /* или какой там цвет нужен */

2. /catalog/view/theme/default/template/common/home.tpl

перед "<?php echo $footer; ?>" добавить

<script type="text/javascript"><!--
$('.header-type-3 > #header-center > .megamenu-background').css('background', 'none');
//--></script>

[ArtemPitov]

блин, я подумал что меню выпадающее 

 

Достаточно вот так сделать и без скриптов 

 

 

.common-home .background-header {

это стиль для главной 

}

 

 .background-header {

Это для остальных страниц 

}

[kavi]

Отлично, спасибо всем за помощь!