ピックアップスライダーの表示比率を16:9にしたい

0
Who liked: No user
  • このトピックには3件の返信、3人の参加者があり、最後に谷口 允により1ヶ月、 3週前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #141977
    谷口 允
    参加者
    24

    【お使いの Snow Monkey のバージョン】
    【お使いの Snow Monkey Blocks のバージョン】

    最新版です

    ### 実現したいこと

    Snow Monkey Blocksの「ピックアップスライダー」を利用しているのですが、サムネイル画像を16:9の比率で作っているため、これを全部表示できるようにしたいです。

    ### 発生している問題

    現状では、縦幅が少しだけ足りず、上下が少し切れてしまっております。

    教えてくださいませ。

    0
    Who liked: No user
    #141979
    Olein_jp
    参加者
    565

    今後、同じような要望や問題を抱えた方がこちらのスレッドを閲覧される際に、各プロダクトのバージョンが明記されていた方が共有知になり得ると思いますので、お手隙の際に掲載をお願いします。

    【お使いの Snow Monkey のバージョン】
    【お使いの Snow Monkey Blocks のバージョン】
    【お使いの Snow Monkey Editor のバージョン】
    【お使いのブラウザ】
    【当該サイトのURL】
    13
    Who liked:
    #141987
    アバター画像キタジマ タカシ
    参加者
    2421

    最新ということは

    Snow Monkey v27.2.2
    Snow Monkey Blocks v22.2.1

    ですかね。

    現状、.smb-spider-pickup-slider .spider__canvasmin-height が指定されていて最低限の高さが決まっているので、まずはそれを無効にする必要があります。その上で、height を追加してガチガチに固定してしまうとか、aspect-ratio で固定してしまうとかかなぁと。

    .smb-spider-pickup-slider .spider__canvas {
      min-height: auto !important;
      aspect-ratio: 16 / 9;
    }
    5
    Who liked:
    #141989
    谷口 允
    参加者
    24

    できました。ありがとうございます!

    1
    Who liked:
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • トピック「ピックアップスライダーの表示比率を16:9にしたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。