[ 解決済 ] 横並び（画像と段落）をカラム内に複数配置した際、画像サイズが変わってしまいます

[しらゆき]

■ WordPress のバージョン
6.7.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
0.6.1

■ Pro Unit のバージョン
0.26.8

■ スキンの種類
Origin III

■ 期待する動作
リスト風に見せたいので、チェックボックスの画像サイズを均一に表示せたいです。

■ 自分で試した事
画像サイズ（30×30px）をそのまま表示させたいので、横並び左側の画像ブロック幅を30にしました。

■ 症状が発生するブラウザ
Chrome

■ 実際の症状
作業画面では同じサイズで表示されているのですが、

保存すると画像サイズがバラバラになります。

[対馬 俊彦]

カラムブロックの カスタム CSS に以下のコードを追加すればいいです。

selector figure {
  flex-shrink: 0;
}

横並びブロックに含まれるものは文字数に応じて幅が調整されますので、
文字数が多いと画像に割り振られる幅が縮小します。

上記の CSS は「画像を縮小させない」という意味のコードです。

[石川＠Vektor,Inc.]

画像だとレイアウトに応じて縮小や崩れの問題も発生しますので内容的には普通にリストブロックとかで作っても良いのかなと感じました。

[しらゆき]

リストブロックを使うのがベストだと思うのですが、リストのスタイルに希望のものがなく、やむなく画像で対応しようとしました。

対馬様にご記載いただいたCSSコードで、解決いたしました。

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

[投稿者]

投稿