Поддержка Темы и шаблоны Сделать прозрачным Header в теме Storefront

  • Буду признателен, если кто подскажет мне, новичку, как сделать прозрачным Header в данной теме. То, что нужно прописать в стилях CSS я догадываюсь, но вот только что прописать и в каком месте для меня пока есть загадка).

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Если тема в настройщике не дает установить прозрачность цвета, то можно поступить кардинально:
    Заходите в папку storefront\inc\customizer\
    Открываете файл display.php.
    Находите в нём следующий код:

    .site-header,
    .main-navigation ul ul,
    .secondary-navigation ul ul,
    .main-navigation ul.menu > li.menu-item-has-children:after,
    .secondary-navigation ul.menu ul,
    .main-navigation ul.menu ul,
    .main-navigation ul.nav-menu ul {
    	background-color: ' . $header_background_color . ';
    		}

    И меняете на:

    .site-header,
    .main-navigation ul ul,
    .secondary-navigation ul ul,
    .main-navigation ul.menu > li.menu-item-has-children:after,
    .secondary-navigation ul.menu ul,
    .main-navigation ul.menu ul,
    .main-navigation ul.nav-menu ul {
    	background-color: rgba(255, 255, 255, 0);
    		}

    Фон станет прозрачным, но учтите, что пропадет возможность менять цвет фона через настройщик в админ панели. Но Вы всегда сможете вернуть изменения в коде, чтобы эта функция снова вернулась 🙂

    Спасибо большое!

    Что бы сделать прозрачным футер, нужно поступить подобным образом?

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Сделать прозрачным Header в теме Storefront» закрыта для новых ответов.