[春]

【お使いの Snow Monkey のバージョン】バージョン: 17.2.6
【お使いの Snow Monkey Blocks のバージョン】バージョン 16.0.9
【お使いの Snow Monkey Editor のバージョン】バージョン 8.0.2
【お使いのブラウザ】クローム
【当該サイトのURL】テスト環境

### 実現したいこと

画像を大きくしたい

### 発生している問題

画像を大きくしても反映されないです。
右の画像の寸法の数値は変わるのですが、更新するとそれも変わらないです。

 

### 試したこと

試しに25%にしてみたところ反映されました。
画像を100％以上にすると反映されないのでしょうか？
もしそうだとしたら100％以上で表示できる方法はありますでしょうか？

♥ 0

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

[es：エス]

春さん、こんにちは。

まず、画像サイズを100％以上で表示することは可能です。
バーでの調整ができなかったのであれば、一度、右側の欄にある「画像の寸法」の「幅」か「高さ」のどちらか一方を画像サイズ以上にしてみてください。

それでもできない場合は、ご使用のブロックによってその中に配置する画像サイズに制限がかかるものがあるのかも知れませんので、その際はブロック名を教えていただけますか？こちらでも実際に試してみますので。
※私がブロックのアイコンに疎く、アイコンから判断できなかったもので。。^^

♥ 1

いいねをした人:

[春]

ご返信ありがとうございます。
右側の欄にある「画像の寸法」の「幅」か「高さ」のどちらか一方を画像サイズ以上にしてみましたが反映されませんでした。

ブロック名かどうかわからないのですが、「画像」を右よせして文章は「段落」にしています。クラス名は以下の通りです。

class="wp-block-image alignright is-resized"

.alignleft, .alignright {
  max-width: 50%;
}

このCSSのチェックを外すと、画像サイズ以上にした状態が反映されました。
このCSSを上書き？なくすためにはどうすればいいのでしょうか？

♥ 0

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

[es：エス]

ご返信ありがとうございます。

画像の寸法での変更が反映されなかったとのこと、承知しました。
お示しのコードは私の環境でも表示されますが、それでも画像の寸法を変更できているのでどうしてでしょうね。。

他の部分への影響も気になりますが、下記CSSを記述いただくと打ち消すことができると思うのでお試しいただけますか？

.alignleft, .alignright {
max-width: initial;
}

♥ 0

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

[春]

esさん、ご返信ありがとうございます。

お示しのコードは私の環境でも表示されますが、それでも画像の寸法を変更できているのでどうしてでしょうね。。

そうなんですね！不思議です…

頂いたCSSを追記したところ、画像の拡大をすることができました！
今のところ他の部分への影響はみられないようです。

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

♥ 1

いいねをした人:

[キタジマ タカシ]

Snow Monkey では、画像に回り込みの設定をしたときに最大幅（max-width: 50%）が指定されるのが仕様となっています。詳しくは下記をご参照ください。

写真のスマホ表示について

このトピックには2件の返信、2人の参加者があり、最後にM Tにより2年、 10ヶ月前に更新されました。 3件の…

snow-monkey.2inc.org

max-width: 50% なので回り込みを指定した画像の親の幅の50%までは広がるということになります。

♥ 1

いいねをした人:

[投稿者]

投稿