[ニック]

無事、解決しました！

.l-footer .c-copyright {
  color: #fff; /* 文字色 */
  background-color: #562e00; /* 背景色 */
}

♥ 1

いいねをした人:

[ニック]

キタジマさん、早速のご回答誠にありがとうございます！

画像ピッタリに切り抜くとうまく表示ができました。

大感謝です！

こちらのTopicを閉じさせてもらいますね。

取り急ぎ、お礼まで。

♥ 1

いいねをした人:

[ニック]

アドバイスありがとうございます！SnowMonkeyというより動画の方に問題があり、そちらを修正して無事解決できました！大感謝です！トピックを閉じさせていただきますね。

♥ 2

いいねをした人:

[ニック]

更新失敗の通知がでる場合は、プラグイン一度OFFにして、更新、その後ONですね。
=> コレを試したところうまく更新できました！ありがとうございます！

♥ 1

いいねをした人:

[ニック]

アクツさん、画像の高さが揃いました！これで一つ解決です！ありがとうございます！トピックを閉じさせて頂きますね。助かりました！感謝です！

♥ 2

いいねをした人:

[ニック]

アクツさん、アドバイスありがとうございます！
早速試してみます！
取り急ぎ、お礼まで。

ニック

♥ 0

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

[ニック]

キタジマさん

解決できました‼

微妙に記述がおかしかったようです。

見た目では気づかなかったのですが、書き直したら動きました！

なんとか自己解決できましたが、サポート心強かったです。

ありがとうございます！

取り急ぎ、お礼まで。

♥ 1

いいねをした人:

[ニック]

キタジマさん、タイトルを間違えてしまいました！

正しくは、「transform: scale(1.2);でホバー時に画像を拡大できません」です。

失礼しました‼

ところで、私が試したことですが、

.smb-items__item__figure img:hover {
  transform: scale(1.2);
}

.smb-items__item__figure:hover img {
  transform: scale(1.2);
}

.wp-image-409:hover {
  transform: scale(1.2);
}

などです。いずれもうまくいきませんでした。
デベロッパーツールではinvalid property valueと表示されてしまいます。
なにかお気づきの点があれば、アドバイス頂けませんでしょうか？
ご参考までに今の記述は以下の通りです。
どうぞよろしくお願いします。

/*hover時にtransform:scale()で画像を拡大表示*/
.smb-items__item__figure {
  width: 330px;
  height: 350px;
  padding-right: 40px;
  overflow: hidden;
}

.wp-image-409 {
  width: 340px;
  height: 350px;
}

.wp-image-379 {
  width: 340px;
  height: 350px;
}

.smb-items__item__figure img:hover {
  transform: scale(1.2);
}

♥ 0

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

[ニック]

オレインさん、ccキタジマさん

 

いつも大変お世話になります！

テンプレートでランディングページ（スリム幅）を間違って選んでしまっていることがわかり、本件解決しました！

誠に誠にありがとうございます！！

 

ニック

♥ 1

いいねをした人:

[ニック]

キタジマさん、追加のアドバイスありがとうございます！私の環境では、どうしてもはみ出してしまいますので、おっしゃる通り根本原因を探した方が良さそうです。一度、このトピックを閉じて、自分なりに探ってみますね。ありがとうございました！

♥ 1

いいねをした人:

[ニック]

yasuki様

アドバイスありがとうございます！

試してみましたが、変化はありませんでした。

ところで、初期設定では、「ランチ」画像の枠の下辺だけが下に伸びるようになっていますが、その伸びをストップさせたいです。

その際もoverflow: hidden;でいいのでしょうか？

ちなみに、現在の追加CSSは添付の通りです。

 

キタジマ様

いつもお世話になります。

scale(1.2)がワークしました！

ありがとうございます！

ところで、初期設定では、「ランチ」画像の枠の下辺だけが下に伸びるようになっていますが、その伸びをストップさせたいです。

その際もoverflow: hidden;でいいのでしょうか？

現在の追加CSSは添付の通りですが、スタイルがうまく当たっていません。

もし何かお気づきの点がございましたら、アドバイス頂けると大変ありがたいです。

どうぞよろしくお願いします。

♥ 0

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

[ニック]

Oleinさん、初めまして！SnowMonkeyを使い初めて10日程度の初心者ですが、誠に誠に誠にありがとうございました！おかげで謎が解け、詰まっていた箇所が解消できました！mailhogの他にもMailtrapというサービスがあるようですね。引き続きSnowMonkeyを使いこなせるように頑張りますので、今後ともどうぞよろしくお願いします！取り急ぎ、お礼まで。ニック大野

♥ 1

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

[投稿者]

投稿