Прозрачное меню

[MikeWolf]

Подскажите пожалуйста как можно сделать верхнюю часть сайта прозрачной что бы было видно фон сайта?

 

Мне нужно просто убрать цвет менюшек что бы они стали прозрачными. Когда ставлю на бэкграунд фон, хеадер перекрывает его и фон видно не полностью.

Все делается на дефолтной теме. Сторонние стили не хочу качать где есть такая тема.

Подскажите что нужно писать в custom.css что бы сделать прозрачность.

[by_ix]

MikeWolf 

[MikeWolf]

18 минут назад, by_ix сказал:

MikeWolf 

прописал этот стиль и ничего не изменилось

Спойлер

 

Изменено 7 февраля, 2022 пользователем MikeWolf

[by_ix]

MikeWolf надо не только прописать нижнее, но и закомментировать верхнее.

[MikeWolf]

Стало так теперь

Спойлер

Код в custom.css

Спойлер

#video-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    background: url() no-repeat #000000;
    background-size: cover;
}

#video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto; 
}

 

Код на странице

Спойлер

<div id="video-bg">
<video width="100%" height="auto" preload="auto" poster="" autoplay loop muted>
<source src="https://files.mwoff.com/videobglol/4.webm">
   Тег video не поддерживается вашим браузером. 
  </video>
</div>

 

В чем может быть проблема?

[by_ix]

8 минут назад, MikeWolf сказал:

так а где это?

к тому же, нужно не просто #ipsLayout_header, а #ipsLayout_header header.

[MikeWolf]

1 минуту назад, by_ix сказал:

так а где это?

Все в кастоме прописано, просто не скопировал его

Спойлер

#video-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    background: url() no-repeat #000000;
    background-size: cover;
}

#video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto; 
}

#ipsLayout_header {
  background-color: rgba(0, 0, 0, 0);
}

 

 

[by_ix]

MikeWolf ответ выше.

[MikeWolf]

2 минуты назад, by_ix сказал:

MikeWolf ответ выше.

Благодарю, сработало!

Теперь дополнительный вопрос. Как сделать прозрачным подменю, что бы не показывалась белая полоса?

Спойлер

 

[by_ix]

MikeWolf 

#ipsLayout_header nav {
    background: rgba(0, 0, 0, 0);
}
.ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before {
    background: rgba(0, 0, 0, 0);
}
.ipsNavBar_secondary {
    background: rgba(0, 0, 0, 0);
}

 

[MikeWolf]

2 минуты назад, by_ix сказал:

MikeWolf 

#ipsLayout_header nav {
    background: rgba(0, 0, 0, 0);
}
.ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before {
    background: rgba(0, 0, 0, 0);
}
.ipsNavBar_secondary {
    background: rgba(0, 0, 0, 0);
}

 

Большое спасибо. Все работает👍