• コミュニティ

  Widgetの下の余白をなくしたい

  トピックス by widget初心者 1792 pt  2023年11月21日 17:44 212 PV

  【相談内容】

  アンケート最下部の余白をなくしたい・短くしたい場合、CSSにどのように追記したらよいでしょうか。

  【Widget名】

  アンケート（複数選択・単一選択・yes/no・ボタンを押すと下部表示）※要javascript(アンケート)

  アンケート-5.png 91 KB 画像ファイル — クリックして 見る

  • コピーダウンロードリンク

  

  widgetマスター   1 年前 2 人 · 1 コメント

  • widget
• 1 コメント

• 

  widgetマスター

  モデレータ

  2023年11月21日 17:46

  CSSに下記記述を追加してください！

  .question-reveal-multi .questionArea:nth-last-of-type(2) {
      margin-bottom: 0;
  }

  プレビュー：https://sb-draft-preview.squadbeyond.com/articles/RtDzfTCaGIkwAjfBtbug/draft?token=5387d78d583fc18b591d0a16bc9348d9

  さらに余白を削りたい場合は下記のように既存のCSSに追加をすると余白を消すことができます！

  .question-reveal-multi {
      width: 750px;
      max-width: 100%;
      font-size: 16px;
      background-color: #fff;
      margin: 0 auto 1rem;
      padding: 1rem;
      line-height: 1.5;
      box-sizing: border-box;
      /* 以下追加 */
      margin-bottom: 0;
      padding-bottom: 0;
  }

  プレビュー：https://sb-draft-preview.squadbeyond.com/articles/oZfAqebRraveZVX-HaxQ/draft?token=a4765caa315e26653b70ef17209c78cc

Log In to Reply