- このトピックには4件の返信、3人の参加者があり、最後にwataru0816により3年、 7ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
-
投稿者投稿
-
2021年6月17日 5:43 AM #78507
【お使いの Snow Monkey のバージョン】14.0.2
【お使いの Snow Monkey Blocks のバージョン】11.3.1
【お使いの Snow Monkey Editor のバージョン】5.0.6
【お使いのブラウザ】Google Crome
【当該サイトのURL】https://stationhub.jp/### 実現したいこと
項目パネルの画像サイズを統一化したい
### 試したこと
上記サイトを参考に、追加CSSに追記しましたが、変化がありません。
やはり画像をリサイズしてアップロードし直す方が良いでしょうか。
お手数おかけいたしますが、対応方法をご教示いただけましたら幸いです。
♥ 0いいねをした人: 居ません2021年6月17日 1:12 PM #78535Snow Monkey Blocksの【最近の投稿】ブロック → レイアウト「パネル」で表示されるアイキャッチ画像部分のCSSが参考になると思います。
上記の要素をデベロッパーツールで見てもらえばわかると思いますが、画像の親要素に
overflow: hidden; position: relative;
がかかっていて、その要素に(:before)擬似要素で高さを指定(4:3の画像:75%)、画像(img)には、object-fit: cover;
などで調整されていると思います。♥ 0いいねをした人: 居ません2021年6月17日 2:31 PM #78541ありがとうございます。実装してみます。
♥ 0いいねをした人: 居ません2021年6月18日 9:00 PM #78676の記事で書いている CSS は「項目ブロック」用になります。もし「パネルブロック」に対して適用させたいならセレクタは
.smb-panels__item__figure
や.smb-panels__item__figure > img
になりますね。2021年6月18日 9:25 PM #78681承知しました!ありがとうございます!
♥ 0いいねをした人: 居ません -
投稿者投稿
5件の投稿を表示中 - 1 - 5件目 (全5件中)
- このトピックに返信するにはログインが必要です。