CSS: Как сделать фон заголовка прозрачным в Wordpress?

Question

Я хочу иметь фоновое изображение на своем сайте.Он идет сверху страницы и находится только за заголовком.Проблема в том, что моя тема заставляет меня иметь цвет фона для заголовка, чтобы вы вообще не видели мое фоновое изображение.Вот фотография того, как я хочу, чтобы сайт выглядел как:

И вы можете увидеть, как это на самом деле выглядит здесь .Я использую тему Brunch Pro на Wordpress.

Есть ли способ сделать фон заголовка прозрачным или есть лучший способ сделать это?

Answer 1

Если требуется свойство background-color, вы можете использовать цвет rgba и сделать его прозрачным.background: rgba(0,0,0,0); делает фоновый цвет черным, но полностью прозрачным, без непрозрачности и прочих хитростей.Вот так:

.black-but-transaprent {
  color: red;
  height: 100px;
  width: 100px;
  background: rgba(0,0,0,0);
  border: 1px solid black;
}

<div class="black-but-transaprent">Test</div>

Answer 2

Добавьте это в конец файла custom.css или style.css вашей темы:

.brunch-pro .site-header{
    background: transparent;
}

Answer 3

Если вы можете редактировать CSS (который, как я полагаю, вы можете сделать в WP), найдите, где .site-header имеет свои свойства CSS.Удалите свойства background и background-color.

Вы также можете просто добавить новое свойство CSS и применить его к заголовку.Что-то вроде:

header.site-header {
  background: none !important;
}

!important переопределит уже установленные свойства ...