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

 

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

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

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

MikeWolf 

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

MikeWolf 

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

Спойлер

 

Edited 7 февраля, 20222 yr by 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>

 

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

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

так а где это?

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

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);
}

 

 

MikeWolf ответ выше.

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

MikeWolf ответ выше.

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

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

Спойлер

 

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);
}

 

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);
}

 

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