[kodawari555]

Snow Monkey:バージョン: 11.7.6

Snow Monkey Blocks:バージョン 9.7.1

【お使いのブラウザ】Chrome

 

表題の通り、ページヘッダーの特定の固定ページ１ページだけ、タイトルを下の方に移動したいです。（ヘッダー画像の人物像の顔に、タイトルがかぶってしまっているので下にさげたいです。）

タイトルを左右に移動するには、「ページヘッダーの行揃え」という項目で変更できるのですが、上下に関してのカスタマイズ方法がわかりません。
なにか、特定の固定ページのみ移動する方法はありますでしょうか？？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ページヘッダーはフレックスボックスになっているので、align-items: flex-end; で下寄せにできます。また、固定ページはそれぞれ .page-id-30 のようなページ ID 毎のクラスをもっているので、それを使えば良いと思います。

例えばこんな感じ。

.page-id-30 .c-page-header {
    align-items: flex-end;
}

♥ 1

いいねをした人: 居ません

[kodawari555]

ご教示いただきありがとうございます！

こちら、無事やりたいデザインにカスタマイズすることができました。

♥ 1

いいねをした人: 居ません

[投稿者]

投稿