アイキャッチ画像の位置変更について

♥ 0

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

このトピックには3件の返信、2人の参加者があり、最後にキタジマタカシにより5年前に更新されました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)

投稿者

投稿
2019年11月5日 2:59 PM #33789

池村直美
閲覧者

♥ 0

いつもお世話になっております。
アイキャッチ画像の表示位置について質問させてください。

カスタマイズ＞デザインからは、
画面の横幅いっぱいでタイトルの上や
タイトルの下にアイキャッチ画像を設定することはできるようですが、
画面の横幅いっぱいではなく、
設定している横幅でタイトルの上に設定することは不可能でしょうか？

現在1000pxの横幅で
固定ページは１カラム、投稿ページは２カラムで設定しておりますが、
どちらの場合でもタイトルの上に1000pxのアイキャッチ画像を設定したいと思っています。

お忙しい中恐れ入りますがアドバイスいただけますと幸いです。

♥ 0

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

2019年11月5日 4:21 PM #33809
キタジマタカシ
参加者

♥ 2421
画像の位置が、ページヘッダー表示の位置で良いのであれば、CSS で調整できるかなと思います。下記でどうでしょうか？
```
.c-page-header {
    margin-right: auto;
    margin-left: auto;
    height: auto !important;
    min-height: auto !important;
    max-width: 1000px;
    padding: 0 !important;
}

.c-page-header__bgimage {
    position: static;
}

.c-page-header__bgimage>img {
    position: static;
    width: auto;
    height: auto;
    object-fit: fill;
}
```
♥ 0

いいねをした人: 居ません
2019年11月7日 10:27 PM #34220

池村直美
閲覧者

♥ 0

ありがとうございます。

難しく考えていてcssで調整できることがすっかり抜けておりました。
お手数をおかけいたしました。

ご丁寧にありがとうございました。

♥ 0

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

2019年11月8日 8:47 AM #34269

キタジマタカシ
参加者

♥ 2421

色々やり方はあると思いますが、CSS でできることは CSS でやるほうが手軽でメンテナンスもしやすいかなぁと思います。解決済みということでトピックとじます！

♥ 0

いいねをした人: 居ません
投稿者

投稿