Graceful テーマ使用時のヘッダーサイズを拡大

このテーマの CSS を少し変更しているのですが、画面上部のバナーを大きくする方法がわかりません。何かコツはありますか?

変更したい様子のモックアップを見せていただけますか?

現在、サイト上部のバナーは次のようになっています:

高さを以下のように増やしたいと考えています:

これまでロゴ画像のサイズ拡大のみが可能でした。バナーについては成功していません。

「いいね!」 1

それはヘッダーであり、バナーではありません。このコンポーネントをご覧ください https://meta.discourse.org/t/big-header-little-header/86811。ただし、CSS のターゲットは以下の通りです。

.d-header {
    height: <value>;
}
「いいね!」 8

今じゃ自分がおかしいって感じちゃうね、笑

ありがとう!

@dax さん、私は @LlamaSensei さんと同じチームです。私たちが本当にやりたいのは、ナビゲーションバーの高さを増やすことです。CSS に関連するコードは見つかりませんでした。これを実現するためにコードを追加すべきでしょうか?

サイトの上部にあるこのバーのことをおっしゃっていますか?(そうでない場合は、スクリーンショットを添えてください)

上記の CSS の例に示されているように、それは .d-header です

「いいね!」 6

はい、その件です。.d-header で高さを編集しようとしましたが、うまくいきませんでした。

どこで、どのように編集されていますか?テーマ自体を直接編集されていると推測されますが。

テーマを編集して common に追加しても機能しません。なぜなら、それは desktop で定義されているからです(desktop の末尾に追加する必要があります)。CSS の C は Cascade(カスケード)を意味します。したがって、テーマ内で .d-header が定義された後に変更を加えていることを確認する必要があります。

テーマを直接編集するのではなく、新しいテーマコンポーネントを作成し、そこにカスタム CSS を追加してから、そのコンポーネントをテーマに追加することを強くお勧めします。これにより、この問題が回避され、テーマが更新された際に編集内容が上書きされることもなくなります。

「いいね!」 8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.