- このトピックには2件の返信、2人の参加者があり、最後に
により2年、 4ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
-
投稿
-
お使いの Snow Monkey のバージョン】15.17.0
【お使いの Snow Monkey Blocks のバージョン】13.7.1
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】Google Chrome バージョン: 96.0.4664.93（Official Build） （64 ビット）
【当該サイトのURL】非開示
### 実現したいこと
記事一覧レイアウトで「リッチメディア」を使用していますが、アイキャッチ画像の上に.c-entry-summary__bodyに表示されている情報を被せて表示させたいと考えています。
■現在
■完成イメージ
### 試したこと
positionのabsoluteやrelativeを使用して.c-entry-summary__bodyの位置を変更すればよいのかな？と考え、完成イメージに近い記事一覧レイアウトの「おおきな画像」を参考に、Google ChromeのDevToolsでCSSを見ながらあれこれ試していますが、知識が低いのもありどうにも上手くいきません。
ご存じの方がいらっしゃいましたら、アドバイスをいただけると幸いです。よろしくお願いいたします。
いいねをした人: 居ませんこんにちは。
こんな感じのCSSでアイキャッチ画像に乗せられると思いますが、文字色やシャドウは追加してください。.c-entries--rich-media li.c-entries__item > a { position: relative; } .c-entries--rich-media li.c-entries__item > a .c-entry-summary__body { position: absolute; bottom: 0; left: 0; padding: 1em; }いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
- トピック「投稿記事一覧レイアウトの「リッチメディア」を選択時に、.c-entry-summary__bodyをアイキャッチ画像の上に被せて表示させたい」には新しい返信をつけることはできません。