WordPressテーマSANGOの質問

トップページのヘッダーを透過してヒーローブロックを重ねたい

アバター
ちい

最近こちらのテーマを購入した初心者です。
オンライン勉強会2で紹介されていた『ヘッダーを透過してヒーローブロックを重ねる』というのをやりたくてcss設定に以下のように入力しましたがヘッダーが白くなるだけで出来ませんでした。
何が原因なのか教えて頂ければと思います。
よろしくお願い致します。
.header {
background-color: transparent;
margin-bottom: -62px;
box-shadow: none;
}

カテゴリートップページに固定ページの内容を表示する方法
コメントへの回答
サルワカくん
サルワカくん
2022/05/02

お世話になっております。
SANGOテーマのCSSなどを直接編集されたりしていませんか?
念のためご確認いただけませんでしょうか?
よろしくお願いします。

アバター
ちい
2022/05/31

ご返信ありがとうがざいます。
確認が遅くなり申し訳ありません。
初めは右の項目欄ばかりを見てに同じ項目が見つからず【カスタムcss】の一番下に追加したかもしれません(どの段階でどうしたか記憶が曖昧になってます・・・)。
その際反映されないので消したのですが、知らずに変な操作をしたのかもしれません。
反映されないのであれこれ探しているうちにブロック画面下に【css設定 css(この記事のみ反映されます)】という項目を見つけ、そこに入力しました。
そこに入力するとヘッダーが白くなり、消すと元の色付きのヘッダーに戻ります。
因みに一からやり直そうとインストールし直したりしたこともあります。

サルワカくん
サルワカくん
2022/06/01

お世話になっております。子テーマのstyle.cssやカスタマイザーの追加CSSには何もCSSを追加されていないでしょうか?
よろしくお願いします。

アバター
ちい
2022/06/04

こちらこそお世話になっております。
申し訳ありませんが、子テーマのstyle.cssがどこにあるのか分からないです・・・。
なので恐らく何もしていないと思います。
カスタマイザーも追加はしていませんでした。
他にやった操作といえば、透過の他にも色々調整しているうちに訳が分からなくなったので一からやり直そうと思い、インストールし直した事がありました。
画面は初期状態には戻らず自分が作った画面のままで、そのまま操作している状況です。
因みに作業はほぼ停滞しているので一からやり直しても問題のない段階です。
何度もお手数お掛け致しますがよろしくお願い致します。

サルワカくん
サルワカくん
2022/06/08

お世話になっております。
お返事が遅くなってしまい申し訳ありません。
以下のようなCSSを代わりに固定ページのCSS設定の欄に追加で書いていただくといかがでしょうか?


.header {
position: absolute;
width: 100%;
margin-bottom: 0;
}

よろしくお願いします。

アバター
ちい
2022/06/08

度々、返信頂きありがとうございます。
前回の入力コードでは背景が白になったのですが、今回のコードを入力したところ、何の変化もありませんでした。
ファイルに問題があるのかと思い、別の画像を入れてみたのですが同じでした。

サルワカくん
サルワカくん
2022/06/09

お世話になっております。
以下のように、background:transparentも追加ください。
よろしくお願いします。


.header {
position: absolute;
width: 100%;
margin-bottom: 0;
background: transparent;
}

アバター
ちい
2022/06/09

無事、透過することが出来ました!
何度も返信頂きありがとうございました。