通知
すべてクリア
質問
2
投稿
2
ユーザー
0
Reactions
24
表示
トピックスターター
お問い合わせ失礼します。
メインビジュアルを透過ヘッダーで設定しています。
ヘッダーが追従する時に白に設定しているので真っ白になりますが、追従する時も透過させるには、どこの設定できますでしょうか。また、メインビジュアル上に乗っているときも、完全な透過ではなく透過度を設定できると良いです。
もしくは、CSSの追記で対応できるのであれば、ご教示いただけると大変ありがたいです。
よろしくお願いします。
Xwriteバージョン
4.0.1
WordPressバージョン
6.9
PHPバージョン
8.3.21
ガイドラインへの同意
「フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
投稿済 : 2025年12月22日 6:23 PM
@tabasachi さま
ご質問いただきましてありがとうございます。
ご要望の「ヘッダー透過度の微調整」ですが、
現状のテーマの標準設定にはない機能のため、
以下を参考にご対応いただけますでしょうか。
同様のことが設定画面からできないか
機能強化を検討させていただきます。
▼透明度の調整
下記コードをカスタムCSSに追加いただき、
0.5の部分を0.1（薄い）～ 0.9（濃い）の間で書き換えてください。
▼追加するCSS
/* メインビジュアル上のヘッダー */
.header.is-transparent {
background-color: rgb(from var(--headbg-color) r g b / 0.5);
}
/* 追従ヘッダー */
.header-fix {
background-color: rgb(from var(--headbg-color) r g b / 0.5);
}
▼ その他の調整（任意） 必要に応じて書き換えてください。
・色を変える
var(--headbg-color) を #000000（黒）などに書き換えます。
・「追従ヘッダー」の影を消す
.header-fix のカッコ内に box-shadow: inherit; を追加します。
ご不明な点がございましたら、お気軽にご連絡ください。
よろしくお願いいたします。
投稿済 : 2025年12月22日 8:47 PM